最新的 chrome 浏览器不显示 vue 调试工具控制台

[No3ks]

最近 chrome 不知怎么了，升级后各种问题，先是滚动条样式问题，现在控制台又不显示 vue 的调试工具了，不知 v 友们有没有遇到呀？该如何解决呀。。
我已经已经装了 vue 的扩展插件了，插件的 vue 图标也是绿的，问题是 F12 浏览器的控制台里没有找到 vue 的调试工具

[shuxhan]

vue 调试工具本身就不是控制台功能吧，不是用扩展插件的吗？

[No3ks]

@shuxhan 已经安装了 vue 的扩展插件了，图标也是绿的，浏览器的 F12 的控制台没有 vue 的调试工具

[liyfang]

先看下插件激活了么，激活的话退出 chrome 重新打开，这个插件经常有这个问题

[No3ks]

@liyfang 已经激活了，图标是绿色的，现在浏览器控制台 devtools 里面没有出现 vue 的选项

[lizy0329]

我也出现了这个问题，以为是我 chrome 坏了

[wu67]

刚看了一下, 有显示. 用的 canary.

如果你访问的网站是构建过的线上版本, 那开发界面是不会显示的

[bojackhorseman]

这个是 vue-devtools 的老毛病了，好像不支持多个实例，所以如果你打开了多个项目，就会出现加载不出来的情况。
我一般保留一个页面，但还是偶尔会加载不出来。只能关闭控制台，刷新页面，打开控制台。有时候甚至需要关闭页面重新打开并重复上述步骤。

[No3ks]

@wu67 并不是不是访问的线上的 build 过后版本，而是是开发模式，没法看到 vue 的工具

[No3ks]

@lizy0329 请问解决没有

[No3ks]

@bojackhorseman 我电脑都重启了几次了还是没有出来

[sleepm]

https://chrome.google.com/webstore/detail/oohfffedbkbjnbpbbedapppafmlnccmb
以前是加这个一块使用，这个插件强制开启 vue devtool
现在 chrome 新版本，也不行了
把 vue.min.js 换成 vue.js 可以了

[No3ks]

@sleepm 我是开发环境，怎么换 vue.min.js

[Zenon]

+1 ，最后发现关闭其他插件 vue-devtools 就会恢复正常

[sleepm]

@No3ks 换文件，不是 chrome 插件里的文件

[No3ks]

@Zenon 关闭了其他插件还是不行，不过你给了我思路，我换了个浏览器在 edge 浏览器里面安装 vue 扩展，edge 控制台里面有 vue 工具了，现在暂时先用 edge 浏览器开发调试吧。哎

[lyc575757]

https://github.com/vuejs/devtools/issues/2138#issuecomment-1956223093

github issus 的解决方法
1. 重装插件
2. 右键点击插件图标，点击 [管理拓展程序]
3. 点击 [检查视图] [Server Worker]
4. 取消勾选 [Update On Reload]

[No3ks]

@lyc575757 大佬牛逼 ，按照你的方法终于显示出来了！