create-react-app怎么在ie11和edge中运行

1. 安装 react-app-polyfill
2. 在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"
    ]
  },

3. 在index.js或者index.tsx的顶部添加关于处理ie11的文件

import 'react-app-polyfill/ie11';
import "react-app-polyfill/stable";
import React from "react";
import ReactDOM from "react-dom";

添加ie11处理的文件.png

4. 删除并且重新安装node_modules，这样就可以在ie11中正常显示我们做的网页了

5. 如果不行，报错的话(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>