Vue.js devtools工具不显示问题
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
·
Vue.js is detected on this page.
Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
网络上般说的问题原因:1、可能是在main.js里设置了Vue.config.devtools=false;
2、可能是用了vue.min.js,
但是如果两个的你都确定没有问题。
你需要打开index.html和Vue.config.js看一下,
在Vue.config.js中是不是有如下externals内容,它表示移除vue等这些js文件,那么项目怎么会运行呢,那就要打开index.html看一下了。
configureWebpack: { //移除已从cdn引入的组件,不打包以下命名的内容
externals: {
'vue': 'Vue',
'vue-router': 'VueRouter',
'element-ui': 'ELEMENT',
'echarts': 'echarts',
'VueCookies': 'VueCookies',
},
},
原来它把package.json中引入的js都不用,而在index.html中用<script>再次引入这些js,注意这里还有个小问题就是在vue后面我加了 @2.6.11不加的话项目都跑不起来,它会去用vue3的js。
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/vue-cookies@1.7.4/vue-cookies.js"></script>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.js"></script>
好了现在问题找到了,我们在开发的时候,还是先把index.html中的<script>注释掉,再把vue.config.js中的externals注释掉,最后我们收悉的vue.js devtools就回来了,愉快地高度吧。

vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:4 个月前 )
79116147 - 1 年前
f0359002 - 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)