- 安裝 react-app-polyfill
- 在package.json中的browserslist添加ie 11的配置
//未修改的
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
// 修改后的
"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"
]
},
- 在index.js或者index.tsx的頂部添加關(guān)于處理ie11的文件
import 'react-app-polyfill/ie11';
import "react-app-polyfill/stable";
import React from "react";
import ReactDOM from "react-dom";
添加ie11處理的文件.png
刪除并且重新安裝node_modules，這樣就可以在ie11中正常顯示我們做的網(wǎng)頁(yè)了
如果不行，報(bào)錯(cuò)的話(Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store}) ....)渤愁，需要在index.html中加入
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
