4

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>
4

3 回答 3

14

您在那里使用的 Vue 源代码对我来说似乎已被最小化/生产构建。您需要使用非最小化/非生产构建。请改用https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.15/vue.js。

此外，如果您正在使用本地文件，即访问类似file://...“您需要在 Chrome 的扩展程序管理面板中检查此扩展程序的“允许访问文件 URL””的页面。见https://github.com/vuejs/vue-devtools

于 2018-03-12T19:51:23.640 回答
3

您必须添加至少 1 个 vue 实例，以便开发工具检测到它。所以，做：

new Vue({el: '#app'})
于 2018-03-12T19:40:12.677 回答
0

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

如果不起作用，请确保如果您正在编译 CSS 和 JavaScript 以对两者进行开发编译，而不是使用缩小文件进行生产编译

如果为 prod 缩小了至少一个文件，则不会显示 devtools

于 2020-12-03T07:25:46.957 回答