小程序外接成H5的注意事项

1、使用花生壳进行内网穿透，可以在手机上同步调试
2、安装vconsole,在手机上调试时也可以打印数据
npm install vconsole
或者利用 script 标签引入（html文件内）

<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
  <script>
    // 初始化
    var vConsole = new VConsole();
  </script>

成功后会有一个小按钮
![按钮](https://img-blog.csdnimg.cn/20210120105352332.png)
![点击按钮](https://img-blog.csdnimg.cn/20210120105423265.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM4MzI5NA==,size_16,color_FFFFFF,t_70)

3、 taro 报错 _createSelectorQuery is not defined
Taro.createSelectorQuery明明是兼容H5的，却出现报错
解决方法：
在项目的node_modules文件下找到 taro-ui 3.0.0 的 package.json，在里面增加一个入口：

  "main:h5": "dist/index.esm.js",

4、报错：Uncaught SyntaxError: Unexpected token <
显示index.html第一行报错，排查了之后发现是 index.html页面 的 引入的第三方 jssdk 文件 的 script 标签的问题，注释掉就不会报错，但是，，，，，没有找到合适的解决方法
最后，修改了第三方jssdk的文件，把需要的变量挂载到window 然后在 app.jsx用import引入
暂时解决

window.xxx = xxx;

//引入变量
import './pub/lib/xxx.js'