为什么vue-devtools chrome插件安装完成了,但是控制台没有显示出来?

Question

如图, 我已经把vue-devtools安装上了, 但是在控制台却没有显示出来vue的调试工具.

看了网上的解决办法都是:

1.Vue.js devtools插件在chrome浏览器安装成功后，在浏览器的右上角插件图标。

2.修改文件:vue-devtools-master/shells/chrome/manifest.json，如下图所示：

但是chrome的扩展程序不是就一个文件么, 这个vue-devtools-master/shells/chrome/manifest.json是什么鬼啊???
求遇到过同样问题的小伙伴解答, 头疼....

Answer 1

刷新然后在按F12就好了，我也遇到过这样的问题。

Answer 2

安装完成后,必须进入chrome扩展工具选项里,找到vue-devtools把下面的 允许访问文件网址 勾选上

这样用F12打开开发工具栏,最后一项就能看到 vue-devtools的身影了.

Answer 3

使用开发版本的vue.js既可以，不用使用min版本 的

Answer 4

Vue.config.devtools = true
在代码主文件中加上这行，如下

import Vue from 'vue'
import Router from 'vue-router'
import App from '../App.vue'
Vue.config.devtools = true;
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'App',
      component: App
    }
  ]
})

Answer 5

关闭控制台后重新打开即可

Answer 6

引入的vue.js应该是不被压缩的才行

Answer 7

我换了台电脑也碰到这个问题了，reload再F12不起作用啊，你解决了吗？

Answer 8

但是chrome的扩展程序不是就一个文件么, 这个vue-devtools-master/shells/chrome/manifest.json是什么鬼啊???
求遇到过同样问题的小伙伴解答, 头疼....

这个文件是在github上下载zip文件，解压后存在的，具体的流程可参考https://github.com/vuejs/vue-...按照步骤来，绝对没问题啊

Answer 9

试了vue官网还是没有安装成功vue-devtools

Answer 10

Vue.js is detected on this page. Open DevTools and look for the Vue panel.

这个好解决

问题2：提示：Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.

这个要参见下面这个文章了

作者：南昌大魔王
链接：https://www.jianshu.com/p/01a...
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

Answer 11

使用开发版本的 vue；webpack 配置的 mode 属性使用 development 而不是 production

Answer 12

mark 一下，我在

1. macOS 10.15.5
2. chrome 83

中遇到了同样的问题，但以上解决都没有帮助到我，我采用了以下办法之后解决了问题
我在路径 /Users/sherlocked93/Library/Application\ Support/Google/Chrome/Default/Extensions/nhdogjmejiglipccpnnnanhbledajbpd/5.3.3_0/manifest.json 中修改题主说的文件 manifest.json 中的 persistent 为 true ，解决了问题

Answer 13

chrome的扩展程序至少两个文件，一个是manifest一个是js。
好像VUE前端程序的执行环境为DEBUG时，这插件才有效

Answer 14

刚刚解决清除缓存就好了

Answer 15

把网页完全关闭点亮右上角的vue图标就出来了

Answer 16

你右上角vue图标都是暗的，说明没检测到vue啊

Answer 17

Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
提示处于生产模式所以不能使用？什么鬼。。。