如何让react 兼容ie11
react跟ie并不兼容,存在兼容问题,要想React 兼容 ie11 需要安装插件 进行配置
1.npm 安装:
npm install react-app-polyfill
2.然后在src下的index.tsx入口文件中最前面引入react-app-polyfill
import "react-app-polyfill/ie11";
3.根据官网的提示,还需要在package.json文件中的browserslist中添加"ie 11" 或者"ie >= 9"
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all",
"ie 11" //新增
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version",
"ie 11" //新增
]
}
如果还是空白或者控制台报错(如:语法错误/"Map"项不存在等) 就把node_moudles文件删除 重新npm install安装 然后在启动试试
具体参考
https://stackoverflow.com/questions/53631949/why-ie-11-display-blank-page-rendering-react-app