vue.js is not detected问题解决

最新推荐文章于 2025-07-04 17:38:15 发布

原创最新推荐文章于 2025-07-04 17:38:15 发布 · 1.5w 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vuedevtools #chrome插件 #vue chrome插件

vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决Vue DevTools插件无法正确检测Vue.js的方法。针对该问题，文章提供了详细的步骤来手动安装插件并调整配置，确保在使用Vue框架的页面上能正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在看vue的时候，发现之前装过的vuedevtools提示vue.js is not detected。重装了一次后，发现对于没有应用vue框架的页面，的确是检测不到vue.js，所以报这个很正常；切换到有vue.js资源的页面，调试界面就会自动检测出vue插件（如果还是报错，具体下文有讲）。如果你跟我一样上不了chrome商店，那么希望下面的步骤可以帮到你。

首先下载插件：

vuedevtools插件链接：https://github.com/datura-lj/vuedevtools

然后打开chrome，地址栏输入 chrome://extensions/ ，在扩展程序页面，直接将下载的CRX文件拖入，在提示下完成安装，装完是这样的：

此时打开vue页面仍未检测出插件，那么需要进入到 manifest.json 这个文件，修改 persistent变量的值为true;

文件路径如下。然后重新打开页面就好了。

目录：C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0   =>找到文件：manifest.json  =>将这个修改 "persistent": true,