安装使用vue的devtools工具,报错,无法npm run build

本文介绍了解决Vue DevTools构建过程中出现的错误方法。通过切换到稳定的v5.1.1分支,并按照指定步骤进行操作,可以成功构建并安装Vue DevTools。包括克隆指定分支、修改配置文件、安装依赖及构建。

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

报错:

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
  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,确认

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值