Question

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>

Answer 1

您在那里使用的Vue源看起来最小化/生产构建给我。您需要使用非最小化/非生产构建。请改为https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.15/vue.js。

此外，如果您正在处理本地文件，例如访问file://...这样的网页，那么您需要在Chrome的扩展程序管理面板中查看此扩展程序的“允许访问文件网址”。见https://github.com/vuejs/vue-devtools

Answer 2

您必须添加至少1个vue实例，以便devtools检测它。所以，做：

new Vue({el: '#app'})

Answer 3

您可以先尝试刷新浏览器。

如果没有用，请确保如果您要编译CSS和JavaScript，则要同时具有两者的开发编译，而不是包含最小文件的生产编译

如果至少一个文件用于生产，则 devtools将不会显示

Vue Devtools不在本地工作

3 个答案: