react兼容问题

React 兼容ie10和ie9 的解决方案

1.通过命令 npm install core-js mutation-observer --save 安装模块。

2.然后在项目的js入口文件index.js顶部引入模块 core-js和mutation-observer
import “core-js/es”;
import “mutation-observer”;

3.执行命令 npm run eject 将config配置文件暴露出来，修改文件config/webpack.config.js,把paths.appIndexJs,字段调到最前面
在config/webpack.config.js文件里 找到entry字段
entry:[
paths.appIndexJs, // paths.appIndexJs 移到最上面，调整后的
isEnvDevelopment &&
require.resolve(‘react-dev-utils/webpackHotDevClient’),
].filter(Boolean),

4.通过命令 npm install setprototypeof --save 安装模块

5.手动创建js文件 src/polyfill.js ，写入代码如下：
import setprototypeof from ‘setprototypeof’;
Object.setPrototypeOf = setprototypeof;

6.在index.tsx文件下引入polyfill.js文件
import “./polyfill”;

7.如果IE9和IE10没效果还是空白，就把node_moudles文件删除 重新npm install安装 然后在启动试试

常见兼容问题 https://www.codeleading.com/article/27672499052/