Ant Design Mobile webpack externals CDN引入报错mobile is not defined解决方案

1,902 阅读1分钟

今天下午发布遇到的问题,差了半天没看懂这个mobile错误是啥,后来绕了一圈发现是antd的问题

 externals: {
    'react': 'React',
    'react-dom': 'ReactDOM',
    'antd-mobile': 'antd-mobile'
  }

如上面,我们webpack配置的时候,cdn引入后,window下面的变量叫做antd-mobile,这个错误应该是window.antd-mobile无法识别的问题

image.png

然后我直接在html里面加了一个转换window.AntdMobile = window['antd-mobile']把antdmobile重命名了一下。

同时在webpack配置里面改成'antd-mobile': 'AntdMobile'即可

另外,antd-mobile没人维护了!强烈不推荐使用!!

我本来就不打算用的!!!就试了一下就遇到坑,*****