问题标签 [vue-devtools]

我正在尝试用 vue 学习 nativescript。我已经了解了 devtools，以及应该有一个 Electron 独立应用程序的事实 npx vue-devtools，但它不会打开任何窗口。尽管 Electron 进程正在产生。

这是一个用 构建的基本应用程序 vue init nativescript-vue/vue-cli-template <name>，所以它应该“开箱即用”，有点。

该应用程序在模拟器和真实设备上都可以正常工作，所以我不知道出了什么问题。我已经多次重新安装并重新启动项目，但没有任何改变。

这是package.json

和main.js

突然我的 Vue.js 开发工具停止工作了。我在 chrome 中使用了大约 2 年（因为我开始开发 Vue.js）。现在我在 chrome 中看不到 devtools。昨天就这样发生了——我使用了一段时间的 devtools，然后我在做别的事情，过了一会儿，我注意到了一些事情——devtools 不在了。即使扩展程序说 devtools 有效：

为什么它不是“我的”问题：

1. 我用了2年没问题，直到现在
2. 它在早上工作，然后它“只是”停止了
3. 现在它不适用于任何项目，即使我知道它以前也有效
4. 我没有使用生产模式，缩小版本等......我通过webpack编译它并且之前工作过。
5. 它甚至在简单新鲜的 Vue.js 应用程序上也不起作用 *

为什么我到目前为止尝试：

1. 硬刷新网站（当然关闭并重新打开 devtools）
2. 重新启动浏览器
3. 重新安装扩展
4. 试过这个版本和这个错误修正版本
5. 从帐户注销并登录
6. 启用扩展的所有设置：

操作系统：macOS Catalina 10.15.4 (19E287)

浏览器：83.0.4103.61

Vue.js 开发工具：5.3.3

* 新鲜的 Vue.js 应用程序代码如下所示：

而且它仍然不起作用（是的，扩展程序仍然显示“在此页面上检测到 Vue.js。打开 DevTools 并...”）：

在 Vue3+typescript 中，类型“AppConfig”上不存在属性“devtools”

但是，APIDoc是这方面的指南。

我该怎么办？T_T

我已经安装了新的 vue-cli 项目，并在本地启动并通过运行在 localhost:8080 上打开

Vue 开发工具保持不活动状态。我读过需要初始化 Vue 实例才能使其工作，但是使用 vue-cli，应用程序是用 初始化的createApp，而不是用 Vue 实例初始化的。

此错误仅在我打开 Vue.js devtools 时发生。

我已经看到了一些对此类错误的解释，我想知道如何在大型代码库中找到此类罪魁祸首的位置。

可能的解释是：

• 计算属性相互引用，创建循环依赖。
• 组件名称与导入组件的字符串值相同。

这是错误。同样，它仅在我打开 Vue.js devtools 后才会发生。

我正在使用 Chrome 85.0.4183.102 和 Vue.js devtools 5.3.3。

我正在开发一个具有大型数据模型并将其中大部分存储在 Vuex 商店中的项目。这在使用新的开发人员环境时是可以管理的，但是一旦我们的应用程序获取大量数据，例如在 QA 环境中，一旦我切换到 Vue.js 开发工具的“Vuex”区域，Vue.js 开发工具就会崩溃，并且选择一个突变来查看当时的状态。

短期内修改我们的数据模型或状态管理机制是不可行的，所以我正在寻找一种能够在成熟的开发环境和 QA 环境中检查 Vuex 存储的方法。

一般来说，随着时间增长的商店部分通常不是需要检查的商店区域，所以我希望能够告诉 Vue.js 开发工具“忽略”或“排除”部分商店不知何故。我的想法是，如果 Vue.js 开发工具不监视、解析、存储和调用存储的麻烦区域，就不会发生崩溃。这可以做到吗？如何？

如果无法“忽略”商店的某些部分，是否有提示、技巧或设置可以帮助 Vue.js 开发工具在加载大型商店时不会崩溃？

我是 Vue 的新手，我尝试使用 Vue 3 Composition API，我创建了演示应用程序，它运行良好。

我在 Chrome 中安装了 Vue.js Devtools，但是当我打开我的网站时，我什么也做不了；它具有灰色/禁用的外观，当我单击它时，我得到工具提示“未检测到 Vue.js”，并且在我的开发人员工具中，我没有看到任何关于 Vue 的选项卡或其他任何内容。

编辑：我运行一些本地应用程序，例如“http://localhost:8998/#/home”

EDIT2：哪一个？IDK，我刚刚用谷歌搜索并选择了用户评分最高的顶部，我添加了一个捕获

我是 Vue 的新手，我想试试 DevTools。我使用 vue cli（无需额外代码）创建了一个全新的应用程序，该应用程序是 Vue v2，我的 chrome 插件是 v6.0.0 beta 3。

在开发模式下运行应用程序时，chrome 工具栏 devtools 'V' 显示为绿色，表示检测到 Vue。我按 F12 并在开发者控制台中看到 Vue 选项卡，但它是空的，应用程序下拉菜单显示“无应用程序”并且列表中没有任何内容，组件下拉菜单也是空的。

单击开发控制台中的 Vue 选项卡后，我在控制台中注意到了这一点：

我还需要配置其他东西来启用 Vue DevTools 吗？

是否可以code someFile.js从 docker 容器内部运行，并在 VS Code 中打开它？

我为什么要这样做？因为 vue 开发工具允许您从浏览器中打开 vue 组件。这对于想要快速跟踪组件并在编辑器中打开它们的新开发人员特别有用。

不幸的是——因为我的开发服务器在一个 docker 容器中运行——这个功能不起作用。这是因为编辑器是从 devserver 中打开的。

可能值得注意的是，我使用的是 Visual Studio Code Remote - Containers。

因此，为了进一步缩小问题：

如何允许从 docker 容器启动 VS Code，以便 vue 开发工具可以在我的本地编辑器中打开该文件？

我有一个使用 Laravel 8、惯性 js、Vue.js 和 webpack 的项目。VueJs chrome 开发工具不适用于该项目。它一直显示为未检测到，我尝试重新启动它，删除并读取开发工具。我已经检查了开发和生产，没有检测到 vuejs。任何帮助都会很棒。

应用程序.js

wepack.mix.js

app.blade.php