Vue Devtools不在本地工作
Vue Devtools不在本地工作
提问于 2018-03-12 18:35:53
Vue Devtools适用于所有在线演示/示例，但不适用于本地页面。即使在以下情况下，Vue Devtools图标仍然是灰色的(“未检测到Vue.js”)。为什么？
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app"></div>
<script>
Vue.config.devtools = true;
</script>
</body>
</html>回答 3
Stack Overflow用户
回答已采纳
发布于 2018-03-12 19:40:12
您必须添加至少一个vue实例，以便devtools检测到它。所以，做：
new Vue({el: '#app'})Stack Overflow用户
发布于 2018-03-12 19:51:23
您在那里使用的Vue源看起来会被最小化/生产生成。您需要使用非最小化/非生产生成。试一试https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.15/vue.js。
此外，如果您正在处理本地文件，即访问像file://...这样的页面，那么“您需要在Chrome的扩展管理面板中为这个扩展检查”允许访问文件URL“。请参阅https://github.com/vuejs/vue-devtools
Stack Overflow用户
发布于 2020-12-03 07:25:46
您可以先尝试刷新浏览器。
如果没有工作，请确保如果您正在编译CSS和JavaScript，以使两者都有开发编译，而不是用于生产的小型文件的编译。
如果至少将一个文件缩小为prod，则devtools将不会显示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49242268
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号