在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected

学习vue框架的时候，在谷歌浏览器安装了Vue.js devtools插件，写了一个入门的helloworld，程序没问题，可是在谷歌浏览器插件图标始终不亮，并且显示Vue.js is not detected，上网找资料，有一个很复杂，但最终也没解决问题，于是打开了插件详情，偶然间发现问题所在，直接上图。

如图所示，你查看一下自己这个地方勾选了吗，如果没勾选，勾选上，问题就解决了。

补充一下
最近在学习vue框架，偶然的机会突然发现这个工具图标又不亮了，检查了上图的位置，没问题。
这回是由于什么造成的呢？
我记录一下
先看一下错误代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div id="test"><h2>日期时间</h2>{{date}}</div>  <script>new Vue({el:'#test',data: {date: new Date()}})</script><script src="js/vue.js"></script>
</body>
</html>

你能发现问题吗？
我来说一下，问题出在哪了，问题就出在我把引入vue.js的位置搞错了，你仔细看一下上面的代码，我放到了最下面，解决办法就是把它放到上面，看下面正确代码

在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected相关推荐

❤️关于 idea 安装 Vue 插件后新建文件不显示 Vue Component 的问题及解决方法❤️
关于 idea 安装 Vue 插件后新建文件不显示 Vue Component 的问题及解决方法 1.点击file打开设置settings,打开Editor找到 file and code templ ...
vue脚手架创建项目失败，显示vue:无法加载文件
问题描述利用脚手架创建项目时,出现如下报错: 解决方案: 用管理员身份打开PowerShell,输入如下命令,再输入Y即可. 这样,就可以正常创建项目了.
Chrome浏览器安装Vue.js devtools插件
Chrome浏览器安装Vue.js devtools插件 1.浏览器访问极简插件 2.右上角搜索框搜索vue DevTools插件 3.在本地文件夹中解压刚刚下载的插件,解压后如下所示 4.打开谷歌浏 ...
【插件工具】Vue.js is detected on this page. Open DevTools and look for the Vue panel报错及安装vue-detools
如果已经安装了vue-devtools可以不看这部分先介绍三种安装vue-devtools的方法: ① 如果就可以直接去chrome商店下载该插件 ② 非科学上网的小伙伴给你们准备vue-detoo ...
浏览器下载安装vue js devtools调试vue项目
下载vue js devtools插件的方式: 推荐网址: 1.https://www.extfans.com/ 2.百度下载谷歌浏览器助手插件,直接进入谷歌网上应用商店进行下载 3.https:// ...
谷歌浏览器安装Vue Devtools
Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码. 1.首先在github下载devtools源码,地 ...
火狐浏览器安装Vue.js devtools 控制台不显示问题
Vue.js devtools 安装成功之后,火狐控制台底部却不显示由于使用了生产版本的vue.min.js,导致控制台没有Vue.js devtools 插件解决办法:把原来使用的生产版本改为开 ...
edge下载Vue.js devtools
搭建vue开发环境安装Vue.js devtools Edge浏览器点击右上角的插件–>管理扩展–> 搜索vue 点击并下载即可点击小眼睛,让vue可视右击页面选择检查找到vue字 ...
使用vue.js devtools遇到的磕磕绊绊
使用vue.js devtools遇到的磕磕绊绊 1.首先我们需要在谷歌浏览器扩展程序中点击获取更多 2.在搜索框输入vue.js devtools,点击安装此扩展 3.检查扩展是否开启我们需要检测 ...

在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected

在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected

在谷歌浏览器安装了Vue.js devtools发现不能用显示Vue.js is not detected相关推荐

最新文章

热门文章