安装vue devtools总是报错,使用命令行安装

最近遇到一个很头痛的东西 就是安装vue 调试扩展程序 遇到的很多问题

按照正常下载流程 首先应该是去github上下载vue-devtools-dev包,

1:npm install

2:npm run build

3 配置谷歌浏览器 修改vue-devtools->shells->chrome文件夹下的mainifest.json 中的persistant为true

4:我们找到谷歌浏览器的扩展程序功能,勾选开发者模式,然后我们将插件文件夹里的进入vue-devtools->shells->chrome,选择chrome文件夹。文件夹直接拖到页面中,完成安装。

遇到的问题

下载后 执行 npm install 报错

安装vue devtools总是报错,使用命令行安装_第1张图片

在网上找到搜到很多方法 几乎尝试了一个遍

例如

降低 npm 版本(但是 又会出错 node与npm版本不一致 导致报错 然后又对照node官网 安装了对应的npm )

官网:以往的版本 | Node.js

安装vue devtools总是报错,使用命令行安装_第2张图片

执行 npm run build 报错

构建出错:Cannot find module ‘@vue-devtools/build-tools’

百度了很久没能解决。(安装 yarn 代替 npm 进行上述步骤,构建成功)
但是我用yarn还是不行。

最终解决的方案 :使用命令行解决

新建一个文件夹 进入并执行 npm install vue-devtools

安装vue devtools总是报错,使用命令行安装_第3张图片

进入verder下的 manifest.json ,修改persistent 为 true

安装vue devtools总是报错,使用命令行安装_第4张图片

最后将vender 文件拖至谷歌浏览器的扩展程序

安装vue devtools总是报错,使用命令行安装_第5张图片

打开本地vue项目

安装vue devtools总是报错,使用命令行安装_第6张图片

你可能感兴趣的:(java,后端,vue.js,npm,前端)