使用 create-react-app 生成的项目
安装react-app-polyfill和core-js
npm install react-app-polyfill core-js
在入口文件 index.js 中引入
import 'core-js/es'
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_modules 文件夹重新下载
如果还不行,可能是没有设置ie文档模式的原因,在 index.html 中添加
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
不是使用 create-react-app 创建的项目
无需配置 react-app-polyfill 和 package.json 其他的同上
亲测有效!!!
更多推荐
React+Antd兼容ie浏览器,360安全浏览器兼容模式
发布评论