Vue js Devtools 无法使用解决办法
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
·
谷歌浏览器当中使用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。
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:2 个月前 )
79116147 - 1 年前
f0359002 - 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)