我找到了一个简单的解决方法：

Question

未检测到我的<script src="https://cdn.jsdelivr.net/npm/vue"></script>

另外https://vuejs.org/v2/examples/commits.html有<script src="/js/vue.js"></script>，当点击Chorme的Vue图标时说＆＃34;未检测到Vue.js＆＃34;

PS：使用扩展名here并假设github.com/vuejs/vue-devtools。

编辑：安装没有说什么，但你必须关闭并重新打开Chorme 。

好吧，在出现新问题后，现在点击VueIcon消息是

在此页面上检测到Vue.js. Devtools检查不可用，因为它处于生产模式或由作者明确禁用。

Answer 1

我找到了一个简单的解决方法：

右键单击Vue图标，然后单击Manage extensions
向下滚动并启用Allow access to file URLs
重新启动Chrome，一切都会好起来的。

注意：：您可能需要通过在脚本开头添加此行来打开调试模式

Vue.config.devtools = true;

Answer 2

根据你的编辑，答案是打开vue的调试模式：

import Vue from 'vue'
Vue.config.devtools = true

这将允许您使用devtools查看/检查。只需确保在生产过程中将其关闭

Answer 3

对于初学者来说，samayo的答案还不完整。对于困惑的人来说，知道放置在某个位置的代码很重要。

导致该问题的原因是您正在使用CDN中的Vue.js。您应该在xxx.js文件中添加Vue.config.devtools = true;代码段。例如：

example.js

Vue.config.devtools = true;

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!',
  }
})

参考：

https://github.com/vuejs/vue-devtools/issues/190

Answer 4

为了使vue-devtools能够检测到您正在运行Vue应用程序，仅添加Vue库本身是不够的。实际上，您必须至少创建一个Vue实例。

例如，以下内容被正确检测为Vue应用程序。

<html>
  <head>
    <title>Hello there</title>

    <script src="https://unpkg.com/vue@2.5.13/dist/vue.js"></script>
  </head>

  <body>
    <div id="app"></div>
    <script type="text/javascript">
      // creating a root Vue instance here
      var vm = new Vue({el: '#app'});
    </script>
  </body>
</html>

Answer 5

我认为您正在使用vue的缩小版本，默认情况下Vue.config.devtools = false，恕我直言，您最好使用非嵌套的cdn，如https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.15/vue.js

Answer 6

您看到此错误是因为您使用的是vue的缩小版本，除了缩小版本之外，还有一些生产就绪设置，包括Vue.config.devtools = true，把非缩小版本解决问题

Answer 7

如果使用Vue 3，则需要当前仍处于beta版的扩展的新版本 https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg?hl=en

Chrome扩展程序vue-devtools未检测到Vue

7 个答案:

我找到了一个简单的解决方法：