Vue.js Chrome扩展vue开发工具未检测到vue

未检测到我的

还有

，单击Chorme上的Vue图标时，说“Vue.js未检测到”

PS：使用描述的扩展并假设

---

编辑：安装没有任何提示，但您必须关闭并重新打开Chorme

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

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

---

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

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

你好
//在此处创建根Vue实例
var vm=new Vue（{el:'#app'}）；

根据您的编辑，答案是打开vue的调试模式，如下所示：

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

---

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

我认为您使用的是vue的缩小版，默认情况下，vue.config.devtools=false，因此您最好使用非嵌套cdn，如

您看到此错误，因为您使用的是vue的缩小版，除了更小的尺寸外，它还具有一些生产就绪设置，包括

Vue.config.devtools=true

， 使用非精简版解决了问题

我发现了以下简单的解决方法：

• 右键单击Vue图标，然后单击管理扩展
• 向下滚动并启用

  允许访问文件URL

• 重新启动你的Chrome，你就会很好

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

Vue.config.devtools = true;

当使用答案时，对于初学者来说是不完整的。对于困惑的人来说，了解放置在某个位置的代码是很重要的。

---

导致问题的原因是您正在使用CDN中的Vue.js。您应该添加

Vue.config.devtools=truexxx.js文件中的代码段。例如：

example.js
参考：

如果使用Vue 3，则需要当前仍处于测试阶段的新版本扩展
这可能是个愚蠢的问题，但您是否安装了扩展？如果是，单击vue图标会得到什么？另外，请确保替换Thank@samayo，这似乎是一种“首次bug”，安装需要重新启动（但不是说需要），请参阅我的编辑这仍然是一个问题。在Chrome扩展中使用Vue，例如：
Chrome-extension:///app.html
，导致
Vue.config.devtools
为真，但
devetools
未定义，每次重新加载时都会出现以下消息：``下载Vue devtools扩展以获得更好的开发体验：`` Vue devtools按钮呈灰色，单击时会显示“未检测到Vue.js”。重新加载Chrome没有效果。我正在创建一个Vue实例。还有其他bug吗？在不存在Vue的页面上检测到Vue。它在Chrome上无法正常运行，我将使用Firefox：（嗯……我的页面是一个完整的Vue应用程序，请查看我的链接，这是另一个具有完整应用程序的网页示例。我将重新启动并重试。现在更改为“在此页面上检测到Vue.js。Devtools inspection不可用，因为它处于生产模式或被作者明确禁用。”如果您使用CDN，请确保您没有使用库的缩小版本（即：生产版）。例如，尝试以下方法：（是UBUNTU F12还是inspec）是的！现在我在inspec中看到了网络之后的最后一个选项作为选项。谢谢！这仍然是一个问题。在Chrome扩展中使用Vue，例如：
Chrome-extension:///app.html
，导致
Vue.config.devtools
为true，但
devetools
未定义，导致每次重新加载时都出现以下消息：“下载Vue Devt”用于更好开发体验的工具扩展：`` Vue devtools按钮呈灰色，单击时会显示“Vue.js not detected”。重新加载Chrome没有任何效果。我正在创建一个Vue实例。大家好，谢谢。我将在脚本的第一行尝试此代码……但请参阅“解决方案”的过程（很抱歉，在引导后更改了问题）在@P3trur0答案注释中，您不能重复其他答案：在发布您的答案之前，请检查它是否是新的。基本信息是“Vue.config.devtools=true”"，在本页中不是新的。感谢分享您的想法。我在过去遇到过相同的问题。实际上，上面的答案没有直接指出代码应该放在哪里，在这个答案中，
Vue.config.devtools=true；
代码片段并不重要。在我看来，对于困惑的人来说，解释问题的原因、简洁的解决方案和相关的参考链接。好的，为了避免否决投票，请编辑您的答案，说明（这里要明确，不要作为评论）您认为有什么不同。重要的是，请选择最相似的答案，例如：“…当使用CDN时，@samayo的答案不完整，您需要…”。谢谢你的时间。你不仅在处理这个问题上帮了我很大的忙，而且还加深了我对这个问题的理解。让我们开发一个更好的精彩交流社区。这是我的问题，因为我使用的是vue 3 CDN。我希望V2和V3的插件是可区分的lol，但我想这并不重要太多了。谢谢你@Peter Kerr
Vue.config.devtools = true;

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