问题标签 [vue-devtools]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

63 问题
Newest
Active
Bountied
318
Unanswered
0 投票
0 回答
14 浏览

laravel - Vue 开发工具中未显示 Vue 组件

我在 laravel 上使用 vue js，我的资源/js 文件夹中有两个不同的文件 app.js 和 app-filter.js

我想要的是在特定页面上调用 app-filter.js 但始终为每个页面调用 app js：

在我的 app-filter.js 我有

在我的 app.js 我

const app= new Vue({ el: '#app', components: { 'other-component': othercomponent } });

所以在我的页面中，当我调用 app-filter 时，我有这些导入

顺序是各自的

在我的页面中我打电话

这两个组件显示在页面中，但在我的 devtools 上它只显示我的other-component

并且过滤器项目组件上的任何事件都不起作用，如果我从导入中删除 app.js，一切正常

0 投票
1 回答
24 浏览

vue.js - Vue devtools 检查在本地托管的应用程序上不可用

当我运行我的 Vue 应用程序时，Vue devtools 扩展检测到 Vue.js，但抱怨：

Devtools 检查不可用，因为它处于生产模式或被作者明确禁用。

我在本地使用yarn serve运行的应用程序提供服务vue-cli-service serve。

Vue devtools在以下情况下可以工作：

  • 另一个开发人员从干净的本地存储库在 Chrome 中运行该应用程序（与上述所有内容的版本相同）
  • 我在 Chrome 中创建并运行一个新的 Vue 应用程序（vue create）

Vue devtools在以下情况下不起作用（相同的错误消息）：

  • 我从一个新的本地仓库运行我的应用程序
  • 我从 Chrome 清除所有浏览数据
  • 我添加vue.config.performance = true到我的main.ts文件中
  • 我添加--mode=development到我的vue-cli-service build命令
  • 我使用 Edge (Chromium) 而不是 Chrome
  • 我将 vue 更新到 3.0.14
  • 我通过http://localhost:8080或主机文件别名访问应用程序https://myalias:8080

AFAIK 我从来没有做过任何强制生产构建或禁用 vue devtools 的事情，所以我很难过为什么它不能开箱即用。我错过了什么？

[更新]

  • .env 文件只VUE_APP_*定义了变量。
  • Vue 安装在本地（不使用 CDN 版本）。
  • vue.config.devtools 在 vue3 中不可用。vue.config.performance似乎是替代品。
  • 使用 Vue devtools beta (6.0.0.21) 没有帮助。
0 投票
1 回答
19 浏览

vue.js - Vue 开发工具冻结页面

在浏览器控制台中打开 vue 开发工具时，页面开始变得非常缓慢，并且几乎立即完全冻结。与关闭的 vue 应用程序交互时不会出现此问题


12345678910