uniapp使用vconsole调试 兼容App

前言：引入vconsole发现uniapp打出来的包里，看不到vconsole，uniapp开发的h5需要使用vconsole真机调试，如果直接在main.ts引入，打包后整个项目会页面空白，经实验在单个页面引入可解决，以下是解决方案

1 安装

npm install vconsole

2 引用

 在main.ts或js里引入vconsole，h5用

// #ifdef H5import  VConsole  from  'vconsole';
new VConsole();// #endif

3 uniapp解决vconsole无法正常使用

<script module="vconsole" lang="renderjs">  import VConsole from 'vconsole'new VConsole()
</script>

而且引入后vconsole在其他页面并不会消失，因此并不是只能调试单个页面，直接在入口页面引入即可全局使用。