react项目兼容ie浏览器配置

使用create-react-app生成的项目

1.安装react-app-polyfill和core-js

npm install react-app-polyfill core-js

2.在index.js中引入

import 'core-js/es'  
import 'react-app-polyfill/ie9'  
import 'react-app-polyfill/stable'

3.修改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"
    ]
  },

4.如果没有效果删除node_modules文件夹重新下载
5.如果还不行，可能是没有设置ie文档模式的原因，在index.html中添加

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

不是使用create-react-app创建的项目

无需配置react-app-polyfill和package.json，其他的同上