宝哥软件园

Vue.js devtool插件安装后无法使用的解决方案

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

第一次使用Vue.js devtool插件的新人,在安装好Vue.js devtool插件后,往往会有一个疑问。我已经在chrome浏览器中成功安装了插件Vue.js devtool。点击后如何提示vue.js未检测到,无法正常使用?对于这样的问题,新人可能会花很多时间寻找答案。今天,我们将整理解决方案,希望对大家有所帮助。

vue.js  not  dectect

首先,我们必须确保已经成功安装了Vue.js devtool插件。Vue.js devtool插件的具体安装方法可以在chrome插件CRX的离线安装方法中找到。

vue.js  安装

其次,我们需要找到Vue.js devtool插件的安装目录。在本文的chrome插件的CRX文件的安装目录中可以找到该插件的安装位置。换句话说,我们确实找不到插件的安装位置,所以可以在本地计算机上搜索插件ID:nhdogjmejiglipcpnnnanhbledajbpd。用户可以在插件列表中找到插件ID,如下图所示。这是我在win8系统上安装chrome插件的位置:C: 用户管理员 AppData Local Google Chrome 用户数据 Default Extensions nhdojmejiglipcpnnnanhbledajbpd 3 . 1 . 2 _ 0

插件安装成功

第三,找到Vue.js devtool插件的安装目录后,打开mainifest.json文件(这是关键)。

插件安装位置

将mainfest.json中的代码persistent:false修改为persistent:true。如下图所示:

修改persisttent

正常情况下,修改上述位置的代码。打开vue项目后,在控制台选择vue,应该可以正常工作。

第四,如果通过上述方法调整后无法使用,可以调整webpack.config.js的代码,如下图所示:

vue-js使用

最后,重启你的vue项目,它应该可以使用了。

vue.js使用2

注:文章为原创,起始地址如下。

更多资讯
游戏推荐
更多+