如图, 我已经把vue-devtools安装上了, 但是在控制台却没有显示出来vue的调试工具.
看了网上的解决办法都是:
极客观点
项目管理
HarmonyOS
1.Vue.js devtools插件在chrome浏览器安装成功后，在浏览器的右上角插件图标。
2.修改文件:vue-devtools-master/shells/chrome/manifest.json，如下图所示：
但是chrome的扩展程序不是就一个文件么, 这个vue-devtools-master/shells/chrome/manifest.json是什么鬼啊???
求遇到过同样问题的小伙伴解答, 头疼....
安装完成后,必须进入chrome扩展工具选项里,找到vue-devtools把下面的 允许访问文件网址 勾选上
这样用F12打开开发工具栏,最后一项就能看到 vue-devtools的身影了.
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
}
]
})但是chrome的扩展程序不是就一个文件么, 这个vue-devtools-master/shells/chrome/manifest.json是什么鬼啊???
求遇到过同样问题的小伙伴解答, 头疼....
这个文件是在github上下载zip文件，解压后存在的，具体的流程可参考https://github.com/vuejs/vue-...按照步骤来，绝对没问题啊
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...
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。
mark 一下，我在
中遇到了同样的问题，但以上解决都没有帮助到我，我采用了以下办法之后解决了问题
我在路径 /Users/sherlocked93/Library/Application\ Support/Google/Chrome/Default/Extensions/nhdogjmejiglipccpnnnanhbledajbpd/5.3.3_0/manifest.json 中修改题主说的文件 manifest.json 中的 persistent 为 true ，解决了问题
6 回答2.9k 阅读✓ 已解决
6 回答2.3k 阅读
5 回答6.3k 阅读✓ 已解决
2 回答2k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
4 回答2.7k 阅读
2 回答977 阅读✓ 已解决
刷新然后在按F12就好了，我也遇到过这样的问题。