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，其他的同上