快捷導(dǎo)航

用electron打包vue項(xiàng)目中的報(bào)錯(cuò)問(wèn)題及解決

更新時(shí)間：2022年05月31日 09:53:31 作者：婷嘰

這篇文章主要介紹了用electron打包vue項(xiàng)目中的報(bào)錯(cuò)問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

1. 首先一定要cd到項(xiàng)目的根目錄

（我這里是app）里面才能運(yùn)行項(xiàng)目，再重新npm run build，不然的話很有可能出現(xiàn) “ 系統(tǒng)找不到路徑的問(wèn)題 ”，成功的話會(huì)出現(xiàn)下面綠色的一串提示。

2. 接下來(lái)運(yùn)行

“ npm run electron_build ”又出現(xiàn)如下報(bào)錯(cuò)

'electron' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序
或批處理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-paper-dashboard-pro@1.1.0 electron_dev: `electron build/electron.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-paper-dashboard-pro@1.1.0 electron_dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\milyyy\AppData\Roaming\npm-cache\_logs\2018-11-27T07_32_32_788Z-debug.log

或者你運(yùn)行了“ npm run build ” 也出現(xiàn)了如下報(bào)錯(cuò)，

D:\project\app>npm run build
npm ERR! file D:\project\app\package.json
npm ERR! code EJSONPARSE
npm ERR! JSON.parse Failed to parse json
npm ERR! JSON.parse Unexpected token / in JSON at position 392 while parsing near '...ev-server.js",
npm ERR! JSON.parse // "build": "cross-e...'
npm ERR! JSON.parse Failed to parse package.json data.
npm ERR! JSON.parse package.json must be actual JSON, not just JavaScript.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\milyyy\AppData\Roaming\npm-cache\_logs\2018-11-27T07_33_47_083Z-debug.log

出現(xiàn)以上問(wèn)題，很有可能說(shuō)明了一個(gè)問(wèn)題，那么現(xiàn)在，我們?cè)僦匦逻\(yùn)行一下（再次強(qiáng)調(diào)在根目錄中）

npm install electron --save-dev
npm install electron-packager --save-dev

這個(gè)時(shí)候如果再報(bào)錯(cuò)，檢查一下我們app下的package.json文件，里面的內(nèi)容如果是這樣：（先別著急）

  "scripts": {
    "dev": "node build/dev-server.js",
    "start": "cross-env ENABLE_ESLINT=true node build/dev-server.js",
    "build": "cross-env ENABLE_ESLINT=true node build/build.js",
    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
    "test": "npm run unit"
  },

很多人的script都進(jìn)行過(guò)配置，那么就跟著我做如下修改吧：

 "scripts": {
    "dev": "cross-env ENABLE_ESLINT=true node build/dev-server.js",
    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
    "unit:watch": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --watch",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "build": "node build/build.js",        // *修改的*（很重要）
    "electron_dev": "electron build/electron.js",    // *修改的*
    "electron_build": "electron-packager ./dist/ --platform=win32 --arch=ia32  --icon=./src/assets/yizhu.ico  --overwrite"    // *修改的*
  },

最后，再次運(yùn)行，