0

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

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

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

vue: 3.0.0
vue devtools: 6.0.12
@vue/vue-cli: 5.0.1
@vue/vue-cli-service: 4.5.14
node: 16.14.0
yarn: 1.22.4
Chrome:  98.0.4758.102

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) 没有帮助。
4

1 回答 1

0

检查您没有NODE_ENV在本地 .env 文件中 明确定义模式https://cli.vuejs.org/guide/mode-and-env.html#environment-variables

这样做可以完全解释您遇到的行为，以及为什么它可以在其他机器上按预期工作。

于 2022-02-28T15:28:50.417 回答