IE11版本以下带来的兼容问题导致页面打开空白:在这里插入图片描述

解决方案:

一、安装 react-app-ployfill
npm i react-app-polyfill -S
二、src/index.js 中引入

必须放在 index.js 文件顶部,否则无效。
npm传送门:https://www.npmjs.com/package/react-app-polyfill

// This must be the first line in src/index.js
import 'react-app-polyfill/ie9'  
import 'react-app-polyfill/stable'
三、修改package.json
"browserslist": {
  "production": [
    ">0.2%",
    "not dead",
    "not op_mini all",
    "ie > 9"
  ],
  "development": [
    "last 1 chrome version",
    "last 1 firefox version",
    "last 1 safari version",
    "ie > 9"
  ]
}

重启后生效,如果未生效删除node_modulees重新安装即可。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐