H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端问题精选】create-react-app 项目调用wxLogin库报错: Cannot find name 'WxLogin'

create-react-app搭建的项目,在public/index.html里引入微信扫码登录的第三方sdk

  <head>
      <script async src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js" type="text/javascript"></script>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>

调用的时候加不加window都是报错Cannot find name ‘WxLogin’

 try {
      window.WxLogin({
        id: 'qrCode',
        appid: APPID,
        redirect_uri: encodeURI(REDIRECTURL),
        scope: 'snsapi_login',
        self_redirect: true,
        state: 'no-state',
      });
    } catch (err) {
      if (onError) {
        onError(err);
      }
    }

求助

回答:

原来是没有declare到全局,ts校验过不了
后来添加了一个global.d.ts文件,写入如下代码即可解决

export {};

declare global {
  interface Window {
    WxLogin: Function;
  }
}

回答:

参考 https://create-react-app.dev/…

本文地址:H5W3 » 【前端问题精选】create-react-app 项目调用wxLogin库报错: Cannot find name 'WxLogin'

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址