当前位置: 首页 > Web前端 > vue.js

解决vue-devtool执行npmrunbuild报错的问题

时间:2023-03-31 18:58:13 vue.js

解决vue-devtool执行npmrunbuild报错的问题1.问题Vue官方下载vue-devtool工具--目前最新版本是5.3.4,直接下载zip--然后执行命令,遇到各种问题。npminpm运行build2。解决方案1)更新nodejs。建议小伙伴们安装nvm(nodejs版本管理工具),下载最新的LTS版本(长期支持版)。如果遇到安装失败的问题,参考文档:nvm安装nodejs失败解决办法修改注册表npmconfigsetregistryhttp://registry.npm.taobao.org/2)webpack安装失败问题webpack官方文档说:》...使用Node.js的最新长期支持版本...";打开/项目根目录/packages/shell-chrome/package.json,将红框中的配置复制到/项目根目录/package.json,复制后在终端执行如果npmi遇到安装失败的问题,你可以参考小编的另一篇笔记:Installwebpackwebpack-cli3)其他(模板)问题其他问题就是模板问题。报错的情况有很多,就不一一解释了,直接截图吧,直接说解决方法:1.打开/项目根目录/package.json,在"devDependencies”字段(不要问这些是为什么,只要问出来......),复制完成后,终端执行npmi"devDependencies":{..."@vue/compiler-sfc":"^3.0.8","css-loader":"^4.3.0","file-loader":"^6.1.0","postcss-loader":"^3.0.0","style-resources-loader":"^1.2.1","stylus":"^0.54.7","stylus-loader":"^3.0.1","url-loader":"^4.1.0","vue-loader":"^15.7.1","vue-style-loader":"^4.1.0","vue-template-compiler":"^2.6.10","buble":"^0.19.0","buble-loader":"^0.5.1"}2.打开/项目根目录/packages/shell-chrome/package.json发现这里有四个插件,但是使用npm命令安装失败,因为远程不存在;细心的朋友可以发现,这就是软件包中的四个文件?!在项目根目录/node_modules新建文件夹,命名为:@vue-devtools,将这四个文件复制到新建文件夹中。复制后观察四个文件夹中的package.json文件。在“dependencies”字段中删除彼此的代码后,在各自的目录下执行npmi,例如如图(其他文件同理处理):以上操作完成后,npmrunbuild就可以得到结果:3.完成Chrome扩展1.打开chrome浏览器,找到更多工具->扩展2.手动加载解压后的扩展,注意目录是项目根目录/packages/shell-chrome3.安装成功!