create-react-app 支持IE(IE11/IE10/IE9)

·  阅读 2936

create-react-app创建项目之后无法在IE上正常访问

 image.png


修改代码支持IE11 (github地址:添加代码支持IE11)

修改package.json,index.js,然后删除node_modules,重新安装
image.png


修改代码支持IE10/IE9 (github地址:添加代码支持IE10/IE9)

上一步骤之后,IE10/IE9存在下面问题

image.png


(1)安装 core-js mutation-observer

npm install core-js mutation-observer --save
复制代码

(2)index.js引入

image.png

(3)webpack.config.js修改,调换位置

image.png

修复遗留问题setprototypeof(github地址:修复兼容IE10/IE9遗留问题

 image.png

(1)安装setprototypeof

npm install setprototypeof --save
复制代码

(2)手动添加polyfill.js

import setprototypeof from  'setprototypeof';
Object.setPrototypeOf = setprototypeof;
复制代码

(3)index.js引入polyfill.js文件

image.png


验证完成

 image.png

react 17版本兼容

react17版本的兼容ie9 10,可以把react-scripts的版本由4版本降到3版本,然后再执行npm run eject,把配置文件释放出来,然后再按上面的步骤来就可以了

资源链接:


github.com/facebook/cr…
github.com/facebook/cr…
github.com/facebook/cr…
github.com/wesleytodd/…

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改