解决浏览器安装Vue.js Devtools成功后,显示Vue.js not detected

浏览器安装Vue.js Devtools成功后,有如下2个问题,都表示未安装“Vue.js Devtools”。

问题一:

    浏览器安装Vue.js Devtools成功后,谷歌浏览器上,点击“Vue.js Devtools”,显示“Vue.js not detected”。

问题二:

运行包含Vue的html,在浏览器打开,点击“F12”,在“Console”中依然显示如下信息:

Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools

解决方法:

  • *chrome://extensions/*打开扩展程序页面,找到安装好的vue.js devtools,点击详细信息
  • 关键的来了
  • 谷歌浏览器打开这个选项“允许访问文件网址”。

解决浏览器安装Vue.js Devtools成功后,显示Vue.js not detected_第1张图片

  • Microsoft Edge浏览器,勾选“允许访问文件URL”。

解决浏览器安装Vue.js Devtools成功后,显示Vue.js not detected_第2张图片

  •  刷新一下你的页面就可以了。

参考:解决Vue Devtools安装成功后无法启用Vue.js not detected问题_HEIWMM的博客-CSDN博客

你可能感兴趣的:(Vue,JavaScript,vue.js,前端,javascript)