vue3+typescript+vite下vue-devtools安装成功,但是控制台不显示的问题

1.开发工具我们可以通过git安装,如果翻墙的话,可以直接在chrome应用商店安装,我是从应用商店安装的。

2.安装后发现控制台没有显示,百度了很多答案试完都没有用,后来想了一下现有百度的答案大多都还是用vue2+javascript来写项目的,所以这种方法对于我来说应该不生效。

3.最终百度找到了我想要的答案https://www.cnblogs.com/Zhou7364/p/14137594.html

解决方法是在main.ts中加入这几行代码:

const win: any = window

if (process.env.NODE_ENV === 'development') {

  if ('__VUE_DEVTOOLS_GLOBAL_HOOK__' in win) {

    win.__VUE_DEVTOOLS_GLOBAL_HOOK__.Vue = app

  }

}

自己记录一下,方便自己找到。。。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容