微信小游戏真机调试卡在100%

原本计划小游戏启动第一步做 获取微信用户信息
main.js：

let sysInfo = wx.getSystemInfoSync();
     //获取微信界面大小
     let width = sysInfo.screenWidth;
     let height = sysInfo.screenHeight;
     
     //授权按钮
     let button = wx.createUserInfoButton({
       type: 'text',
       text: '',
       style: {
         left: 0,
         top: 0,
         width: width,
         height: height,
         backgroundColor: '#00000000', //最后两位为透明度
         color: '#ffffff',
         fontSize: 20,
         textAlign: "center",
         lineHeight: height,
       }
     });
     button.onTap((res) => {
        if (res.userInfo) {
          // console.log("用户授权:", res);
          button.destroy();
          console.log(res.userInfo);
        } else {
          console.log("用户拒绝授权:", res);
          console.err(res);
        }
      });

game.js：

import "./js/libs/weapp-adapter";
import './js/libs/symbol';
import Main from './js/main';

new Main();

如果授权了就请求接口做登录，在编译器上一切正常，手机扫码预览一直卡在100%，想知道是不是哪里代码不兼容导致的，于是一点一点删代码，到最后所有代码都删了也不行，百度了解决方案也都不行，最后猜测是因为没有任何要显示的东西所导致的，
于是在game.js改成下面的：

import "./js/libs/weapp-adapter";
import './js/libs/symbol';
import Main from './js/main';

//！！！！！这里！！！！！！
var context = canvas.getContext('2d');
context.fillStyle = 'red';
context.fillRect(0, 0, 100, 100);
//！！！！！这里！！！！！！
new Main();

随便加一个方块到canvas里显示，然后就可以了。

这里具体的原因不清楚，期待前端大佬解答。