本文介绍了在低版本浏览器，特别是IE11及以下，遇到的React兼容性问题。包括页面空白、构造函数报错以及flex布局不兼容。解决方案涉及使用babel-polyfill、调整构造函数中this.state的写法以及处理flex布局的兼容。同时分享了处理React兼容到IE8的资源链接。
IE11以下浏览器报错
1.在低版本的谷歌浏览器和ie11浏览器以下页面变成空白。以及下图报错
解决方法：
（1）先安装babel-polyfill依赖，npm install babel-polyfill --save
（2）安装好之后在配置文件webpack.config.dev.js中引入polyfills.js。如下图，下图为多入口文件（多页）配置的引入方式。
单入口（单页）文件配置如下图所示
（3）在入口文件中导入babel-polyfill，即 import 'babel-polyfill'。注意：在单页应用中只需在最终的入口文件中导入即可，在多页应用中每一个入口文件都要导入。实例如下图。
最低0.47元/天 解锁文章
扫一扫
656
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
