嘗試執行npm run watch時watchify錯誤

Question

美好的一天，我目前正在scotch.io上做一個教程，試圖用電子制作音樂播放器並做出反應，但是當我嘗試執行'npm run watch'時，我收到此錯誤消息：

electronic-quick-start@1.0.0手表： watchify app/app.js -t babelify -o public/js/bundle.js --debug --verbose

npm ERR！ 退出狀態1

npm ERR！

npm ERR！ 在electronic-quick-start@1.0.0監視腳本'watchify app / app.js -t babelify -o public / js / bundle.js --debug --verbose'失敗。

npm ERR！ 這很可能是電子快速啟動套件的問題，

npm ERR！ 不與npm本身。

npm ERR！ 告訴作者這在您的系統上失敗：

npm ERR！ watchify app / app.js -t babelify -o public / js / bundle.js --debug --verbose

npm ERR！ 您可以通過以下方式獲取有關如何為此項目打開問題的信息：

npm ERR！ npm bugs電子快速啟動

npm ERR！ 或者，如果不可用，則可以通過以下方式獲取其信息：

npm ERR！

npm ERR！ npm owner ls electronic-quick-start

npm ERR！ 上面可能還有其他日志記錄輸出。

npm ERR！ 請在任何支持請求中包括以下文件：

npm ERR！ C：\\ Users \\ Alejandro \\ Documents \\ Proyectos \\ music-player \\ npm-debug.log

這是我的package.json

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "watch": "watchify app/app.js -t babelify -o public/js/bundle.js --debug --verbose"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/electron/electron-quick-start.git"
  },
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "bugs": {
    "url": "https://github.com/electron/electron-quick-start/issues"
  },
  "homepage": "https://github.com/electron/electron-quick-start#readme",
  "devDependencies": {
    "babelify": "^7.3.0",
    "browserify": "^13.0.1",
    "electron-prebuilt": "^1.2.0"
  },
  "dependencies": {
    "axios": "^0.13.1",
    "babel": "^6.5.2",
    "babel-core": "^6.10.4",
    "babel-preset-es2015": "^6.9.0",
    "babel-preset-react": "^6.11.1",
    "babelify": "^7.3.0",
    "browserify": "^13.0.1",
    "classnames": "^2.2.5",
    "electron-prebuilt": "^1.2.7",
    "electron-reload": "^1.0.0",
    "jquery": "^3.1.0",
    "react": "^15.2.1",
    "react-autocomplete": "^1.0.1",
    "react-dom": "^15.2.1",
    "react-sound": "^0.5.0",
    "soundmanager2": "^2.97.20150601-a"
  }
}

從我在教程中閱讀的內容來看，browserify也應該附帶watchify，但是當我將其安裝為單獨的模塊時，它可以工作，但是隨后出現以下錯誤：

console.error（“ SyntaxError：C：/Users/Alejandro/Documents/Proyectos/music-player/app/app.js：解析文件時出現意外令牌（12:10）：C：\\ Users \\ Alejandro \\ Documents \\ Proyectos \\音樂播放器\\ app \\ app.js“）；

Answer 1

我使用了相同的教程，但是通過應用教程中的代碼片段無法使所有工作正常進行。

改為這樣做：

• 同時安裝browserify和watchify：

  npm install -g browserify watchify

• 克隆作者的音樂播放器github存儲庫，而不是電子快速啟動。 然后添加或修改教程代碼段。