vue-devtools 安裝錯誤解決辦法

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

報錯:node

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-devtools@5.3.3 build: `cd packages/shell-chrome &&  webpack --progress --hide-modules`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the vue-devtools@5.3.3 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)

一、克隆webpack

git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

二、修改mainifest.json 中的persistant爲true
image.pnggit

三、安裝依賴github

npm i 或 cnpm install

四、構建web

npm run build

五、chrome中找到 更多工具 / 擴展程序 選項,勾選 開發者模式,而後點擊 加載已解壓的擴展程序,選擇vue-devtools\shells\chrome,確認chrome

相關文章
相關標籤/搜索