react在ie中空白解决方案

技术栈

1
react+dva+roadhog+antd

场景

原来开发公司只要求兼容 chrome 即可,所以 ie 的兼容性一直没注意,突然在 ie 上查看,竟然是空白,显示不了。

解决方法

安装setprototypeof

1
npm install --save setprototypeof

然后在入口文件中设置

1
Object.setPrototypeOf = require("setprototypeof");

在此之前做的工作

上面的解决方案是做了之后,直接解决了问题。但是在此之前,还做了一些工作,如果你上面的方法没解决,可以按照下面的路线做一下。

添加babel/polyfill

1
npm install --save @babel/polyfill

然后在入口文件的第一行引入

1
import "@babel/polyfill";

有的人这样就解决了,但是我的没有解决。

browserslist

这个插件可以配置不同的组件需要兼容的浏览器,react 的各个组件会根据它的配置生成对应的兼容代码,具体可查看官网的介绍。

1
npm i browserslist

然后在 package.json 中配置

1
2
3
4
5
"browserslist": [
"> 1%",
"last 2 versions",
"IE 10" // 或者 ie > 9
]

查看支持的浏览器列表:

1
npx browserslist

执行后,会列举出所有支持的浏览器列表

文章作者: wenmu
文章链接: http://blog.wangpengpeng.site/2020/03/05/react%E5%9C%A8ie%E4%B8%AD%E7%A9%BA%E7%99%BD%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 温木的博客
微信打赏