对象不支持"startsWith"属性或方法----polyfill 解决ie浏览器兼容问题

create-react-app脚手架构建的项目
技术栈:react+react-router-dom+antd+mobx+mobx-react
使用antd,项目运行在ie浏览器时,会报错,应在入口文件中引入polyfill

import "polyfill";

然后我们重新跑项目,依然遇到了问题,先来感受一下:


image.png

antd官方文档提示我们遇到这个问题要引入babel-polyfill,又要对webpack进行配置。

在此之前项目没有弹出内建,此时npm run eject弹出了内建配置
(此时的less和antd配置见:https://www.jianshu.com/p/ccdb52ac6a41

继续进行配置在webpack.config.dev.js和webpack.config.prod.js中entry数组中添加一项,如下:

module.exports = {
  devtool: 'cheap-module-source-map',
  entry: [
    require.resolve('./polyfills'),
+  "@babel/polyfill",
    paths.appIndexJs,
  ],

此时这个报错解决了,关于babel-polyfill的具体说明:https://babeljs.io/docs/en/babel-polyfill/

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容