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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐