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

Question

我正在尝试启用 vue-devtools在谷歌浏览器中。但我无法启用它。我在 Laravel 应用程序中使用 vue.js。

我的服务器使用 php artisan serve 命令运行。

Answer 1

我在这个问题的标题和 this solution 中看到了错误消息为我工作:

将 Vue.config.devtools = true 添加到您创建 Vue 实例的文件中(对我来说是 main.js)。

请注意，如 this answer 中所述，您需要在创建商店之前放置 Vue.config.devtools = true 行，以便开发工具的 Vuex 部分正常工作。如果您在单独的文件中创建 Vuex 商店(例如 store.js)，您可能需要在您的两个文件中都包含 Vue.config.devtools = true 行main.js 文件以及 store.js 文件。

下面是我的项目中的变化: