1. 程式人生 > 實用技巧 >vue-devtools 安裝錯誤解決辦法

vue-devtools 安裝錯誤解決辦法

最近安裝使用vue的devtools工具打包構建即:npm run build

報錯:

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `cd packages/shell-chrome &&  webpack --progress --hide-modules`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?```
此原因是因為我們git clone時預設分支為最新的develop分支。develop是測試分支,不是正式分支,git時更換分支即可。
本人親測v5.1.1分支是可用的,估計再向前的分支也是可用,當然master分支更是可用。
正確獲取方法(使用分支:v5.1.1)
  1. 克隆
    git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

  2. 修改mainifest.json 中的persistant為true

  3. 安裝依賴
    npm i 或 cnpm install

  4. 構建

npm run build
5. chrome中找到 更多工具 / 擴充套件程式 選項,勾選 開發者模式,然後點選 載入已解壓的擴充套件程式,選擇vue-devtools\shells\chrome,確認