react兼容safari9_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中添加

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

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