Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决

当我们安装谷歌浏览器vue插件时,会出现没有检测到情况,右上角图标显示灰色

Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决_第1张图片

我们点击右上角 扩展程序,点击下图所示图标

Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决_第2张图片

出现

Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决_第3张图片 

点击详情,将允许访问文件网址打开按钮就行。

Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决_第4张图片

请注意以下几点:

1、检查你的开发者工具选项是否已经打开

Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决_第5张图片

 

2、是否打开了插件的开关

Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决_第6张图片 

3、文件中引入的  vue  文件 ,文件名 必须 为   ‘  vue.js  ’ , 不能为其他

4、引入的 vue 文件 必须 是开发版本的文件,不能是生产版本 , 这是官网下载地址:  安装 — Vue.js 中文文档

 

你可能感兴趣的:(Vue,开发工具,chrome,vue.js,javascript)