为什么Vue.js Chrome没有检测到Vue.js？
下面的代码带有一个简单的工作Vue.js应用程序。但是vue.js的devtools没有回应。它在几天前运行得很好，现在已经不起作用了--有什么可能会出错呢？当我去https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd的时候，它说它已经被添加了。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://unpkg.com/vue@2.1.6/dist/vue.js"></script>
<title>Document</title>
</head>
<body>
<div class="container">
<div id="application">
<input type="text" v-model="message">
<p>The value of the input is: {{ message }}</p>
</div>
</div>
<script>
let data = {
message: 'Hello World'
}
new Vue({
el: '#application',
data: data
})
</script>
</body>
</html>回答 18
Stack Overflow用户
发布于 2017-02-11 06:05:43
另一种选择是设置本地web服务器，作为OP 已声明。
另一个-- IMHO速度更快，骚扰更少--让扩展程序访问文件URL，默认情况下是禁用的。
只需转到chrome://extensions，并让“允许访问文件URL”框选中Vue.js devtools。
资料来源：
https://github.com/vuejs/vue-devtools#common-problems-and-how-to-fix
Stack Overflow用户
发布于 2020-11-28 18:25:37
我尝试了这里给出的所有方法，但是没有一种方法对我有效(对chrome和firefox都不起作用)。
最后，我找到了一个答案:如果仍然存在这个问题，可以尝试卸载当前版本的Vue扩展并安装beta版本：https://v3-migration.vuejs.org/breaking-changes/introduction.html#devtools-extension
请记住，之后重新启动浏览器。
Stack Overflow用户
发布于 2021-05-30 20:31:27
更新日期:5月20日至21日
如果您使用的是Vue 3，则旧的开发工具版本将无法工作，所以只需使用新的beta版本即可。
https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg
https://stackoverflow.com/questions/41215867
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号