Vue devtools 刷新后停止

Posted

技术标签:

【中文标题】Vue devtools 刷新后停止【英文标题】:Vue devtools stops after refresh 【发布时间】:2021-10-11 17:41:35 【问题描述】:

我打开 vscode 并通过 npm run serve 启动我的开发服务器。我的应用程序加载到 chrome 中,在 vue 标签 vuex 下检查后,我可以看到我的商店。

现在,当我在 vue 选项卡下刷新页面时,它会显示“无应用程序”,并且无法再看到我的 vuex 商店。关于为什么 devtools 在刷新后停止工作的任何想法?如果我停止服务器并重新启动 devtools 工作......但刷新时停止。

我正在使用 2021 年 6 月 28 日更新的 vue devtools 版本 6.0.0 beta 和 chrome 版本 72.0.4515.131。我的应用正在使用 vue 2。

感谢您提供的任何帮助。

【问题讨论】:

【参考方案1】:

您使用的是 Vue 的开发版还是生产版? 我的解决方案是使用最新的 Vue 开发版本。 您可以在他们的documentation 中找到更多相关信息。

【讨论】:

【参考方案2】:

在他们的 github 上发布的 Vue devtools 版本 6.0.0-beta.15 中有一个类似的 open issue。似乎您的也是一个错误,您应该添加自己的问题和重现问题的步骤。同时,您可以将 Vue 开发工具降级到稳定版本。

【讨论】:

以上是关于Vue devtools 刷新后停止的主要内容,如果未能解决你的问题,请参考以下文章

Vuejs DevTools 未在开发人员工具中显示面板

安装Vue Devtools

vue项目上线后关闭vue-DevTools等调试工具-配置说明

安装好vue devtools后,运行程序打开调试,vue里面空白

如何禁止他人通过vue的devtools 查看

Vue.js 开发工具未显示