vue.js-devtools 在控制栏有选项，但是点击选项没有组件

蚁族的奋斗1

于 2019-04-18 11:41:06 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： js vue 浏览器文章标签： vue devtools

本文链接：https://blog.csdn.net/github_39319000/article/details/89375399

js 同时被 3 个专栏收录

122 篇文章

订阅专栏

vue

83 篇文章

订阅专栏

浏览器

24 篇文章

订阅专栏

本文探讨了在Vue开发中遇到的组件不可见问题，并提供了解决方案。通过在main.js中调整Vue.config.devtools的设置，可以在开发环境中启用Devtools工具，而在生产环境中禁用，确保组件正常显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看不到组件，可以从下面的截图来看，是禁用了

所以在main.js 里面设置如下一段话

// 若是没有开启Devtools工具，在开发环境中开启，在生产环境中关闭
// if (process.env.NODE_ENV == 'development') {
//   Vue.config.devtools = true;
// } else {
//   Vue.config.devtools = false;
// }