create-react-app腳手架構(gòu)建的項(xiàng)目
技術(shù)棧：react+react-router-dom+antd+mobx+mobx-react
使用antd，項(xiàng)目運(yùn)行在ie瀏覽器時(shí)，會(huì)報(bào)錯(cuò)，應(yīng)在入口文件中引入polyfill

import "polyfill";

然后我們重新跑項(xiàng)目，依然遇到了問(wèn)題，先來(lái)感受一下：

image.png

antd官方文檔提示我們遇到這個(gè)問(wèn)題要引入babel-polyfill，又要對(duì)webpack進(jìn)行配置。

在此之前項(xiàng)目沒(méi)有彈出內(nèi)建，此時(shí)npm run eject彈出了內(nèi)建配置
（此時(shí)的less和antd配置見(jiàn)：http://m.itdecent.cn/p/ccdb52ac6a41）

繼續(xù)進(jìn)行配置在webpack.config.dev.js和webpack.config.prod.js中entry數(shù)組中添加一項(xiàng)，如下：

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

此時(shí)這個(gè)報(bào)錯(cuò)解決了，關(guān)于babel-polyfill的具體說(shuō)明：https://babeljs.io/docs/en/babel-polyfill/