Vue.js devtools无法使用，显示Vue.js is detected的解决办法

最新推荐文章于 2024-10-31 10:56:43 发布

原创最新推荐文章于 2024-10-31 10:56:43 发布 · 8.6k 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Vue

当前文章被收录于：

Vue

2 篇文章 1 人学习

Vue相关记录

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍了当Vue.js DevTools无法正常使用时，可通过四种方式来解决问题：检查Vue版本是否为开发环境版本、确保Chrome扩展程序允许访问文件地址、修改manifest.json文件中的persistent设置以及在入口JS文件中启用DevTools。

根据四个方向排查

1、Vue.js devtools无法使用生产环境的vue.min.js，只有开发环境下的vue.js才能使用vue-devtools。
2、在chrome的扩展程序页面，需要勾选vue-devtools的“允许访问文件地址”项。
3、如果你是在chrome商店里安装的vue-devtools，那么需要到这个扩展的安装路径下找到manifest.json文件，把其中的"persistent": false，需改为：true。
4.在你的入口JS文件里加上一行Vue.config.devtools = true

标签

#javascript #前端 #开发语言