create-react-app脚手架构建的项目
技术栈:react+react-router-dom+antd+mobx+mobx-react
使用antd,项目运行在ie浏览器时,会报错,应在入口文件中引入polyfill
import "polyfill";
然后我们重新跑项目,依然遇到了问题,先来感受一下:
![](https://img.haomeiwen.com/i11565434/aef884dd9aae9bd9.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/
网友评论