首页 前端知识 Vue js Devtools 无法使用解决办法

Vue js Devtools 无法使用解决办法

2024-06-22 10:06:50 前端知识 前端哥 745 692 我要收藏

谷歌浏览器当中使用vue devtools时,无法启动解决办法;

报错信息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.config.devtools = true; (开启这个功能即可)

排查原因: 

1、查看是否引入的是vue.min.js,vue.min.js是默认关闭调试的,改为index文件引入vue.js才能使用vue-devtools。
2、在chrome的扩展程序页面,需要勾选vue-devtools的“允许访问文件地址”“收集各项错误”项。
3、如果你是在chrome商店里安装的vue-devtools,那么需要到这个扩展的安装路径下找到manifest.json文件,把其中的"persistent": false,需改为:true。
4、在你的入口文件里加上一行Vue.config.devtools = true。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13284.html
标签
评论
发布的文章

读魏书生的心得体会

2024-07-03 14:07:10

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!