vue-devtools在 npm run build 失败

小编最近在学习vue相关的知识,但刚开始就卡在了vue的调试工具上,很苦恼。直接上链接吧:→ 推荐大神解决的文章

小编极力喜欢这种方式,解决了我遇到的问题,如果你也与我遇到同样问题也可以点击大神链接。(先安装了node.js)首先大神是在下载好的nodejs\node_modules目录下进行直接npm安装vue-devtools,安装成功后在此目录下会又vue-devtools文件。

vue-devtools在 npm run build 失败_第1张图片

vue-devtools在 npm run build 失败_第2张图片

然后,我就成功了!!!开心

vue-devtools在 npm run build 失败_第3张图片

vue-devtools在 npm run build 失败_第4张图片

 

接下来就是我搜到的大多数的版本::::如果能帮助大家就好,但是我失败了。

小编出现的问题是:按照→诸如此类的安装方式,大家成功了,我失败了!很苦恼。

1.  首先点击git的链接下载vue-devtools

2.  其次npm install,按照以下操作:

3.  接下来就是更改chrome下的manifest.json文件:

vue-devtools在 npm run build 失败_第5张图片

4.  最后 就是npm run build就ok了。(从此处开始就没成功过,一直卡在这里,估计哪个文件的问题,但一直找不出来原因,就用→文章第一行⬅的那个大神文章解决地,简单易懂。首先得先安装node.js)

5.  Chrome浏览器 >  更多程序 > 拓展程序 ;之后点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图(网上找的,自己没有成功)

vue-devtools在 npm run build 失败_第6张图片

如果,大家有什么建议,也可以给我分享一下♥

 

后续中出现问题:

1. Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author

解决办法:页面引用的vue是压缩版的,会默认关闭调试,需要另引入vue.js插件(亲测已成功)。

 

你可能感兴趣的:(前端技术,vue-devtools,npm,run,build失败)