使用create-react-app构建的项目(并引入react-app-polyfill做IE兼容)在开发环境下的IE浏览器中报错的解决方案

摘要:
*有一种处理方案是public/index.html中的里引入一些必要的兼容性js文件,如es6-sham、es-shim等,防止一些代码先于src/index.js执行。但这种方案在本人的项目中还是遇到了问题,开发环境下IE11依然无法访问。

个人所负责的一个项目,需要兼容IE11,所以已经按照react-app-polyfill官方指定的方案进行兼容配置
即在项目src/index.js中:

//The first lines in src/index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
//other codes

并在package.json 中的 "browserslist"字段加入了对IE11的支持。

上述配置在yarn build(生产环境)之后是没有问题的,但开发环境下IE11依旧报错。

* 有一种处理方案是public/index.html中的<head>里引入一些必要的兼容性js文件,如es6-sham、es-shim等,防止一些代码先于src/index.js执行。

但这种方案在本人的项目中还是遇到了问题,开发环境下IE11依然无法访问。

最后,我所使用的解决方案(感谢提出该方案的同学)是这种:

1. 在项目中的 node_modules 文件夹下找到 react-dev-utils 包;

2. 找到此包的 webpackHotDevClient.js这个文件中第60行;

3. 按照下图,添加一个 slashes 参数 (true)

使用create-react-app构建的项目(并引入react-app-polyfill做IE兼容)在开发环境下的IE浏览器中报错的解决方案第1张

4. yarn start后,如果此时在IE11中访问依然看到的空白页面,但控制台无报错,刷新下页面应该就可以了
以上总结的两种比较好的处理方案,希望对大家有帮助!

免责声明:文章转载自《使用create-react-app构建的项目(并引入react-app-polyfill做IE兼容)在开发环境下的IE浏览器中报错的解决方案》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇uni-app 中如何打开外部应用android spinner学习下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

开源的许可证GPL、LGPL、BSD、Apache 2.0的通俗解释

软件开发者要开源软件,不单单是开放源代码就可以了,选择一种许可证很重要,一个许可证之于软件就相当于价值观之于普通人,代表了这个软件的基本品性。一个错误的许可证选择可能会直接导致整个项目的失败。   各种开源的许可证主要的限制还是在redistribution(发布),所以个人/商业公司开发的软件包含了GPL的代码,只要你不发布,是可以任意使用的。 下面是几...

DotNetCore跨平台~聊聊中间件

回到目录 在进行.net core平台之后,我们如果希望在请求过程中添加一些事件是非常容易的,你可以把这些事件做成一个中间件Middleware,然后这些中间件就会以Http pipeline的管道方式进行相应,并且它们就像是一个职责链,从你定义的第一个中间件开始,一个一个向下传递,直到最后一个中间件完成为止! 前几天我写了在.net core里实现模块化...

使用jmeter HTTP代理服务器录制APP脚本

使用jmeter HTTP代理服务器录制APP脚本 步骤一、jemter设置 1、启动JMeter,双击运行jmeter.bat,启动jmeter jmeter运行主界面 2、添加线程组:右键测试计划-》添加-》Threads(Users)-》线程组 3、HTTP代理服务器 1)添加HTTP代理服务器:右键工作台-》添加-》非测试元件-》HTTP代理...

移动端兼容性问题解决方案

1. IOS移动端click事件300ms的延迟响应 移动设备上的web网页是有300ms延迟的,往往会造成按钮点击延迟甚至是点击失效。这是由于区分单击事件和双击屏幕缩放的历史原因造成的, 2007年苹果发布首款iphone上IOS系统搭载的safari为了将适用于PC端上大屏幕的网页能比较好的展示在手机端上,使用了双击缩放(double tap to z...

使用 Elastic 技术栈构建 Kubernetes全栈监控

以下我们描述如何使用 Elastic 技术栈来为 Kubernetes 构建监控环境。可观测性的目标是为生产环境提供运维工具来检测服务不可用的情况(比如服务宕机、错误或者响应变慢等),并且保留一些可以排查的信息,以帮助我们定位问题。总的来说主要包括3个方面: 监控指标提供系统各个组件的时间序列数据,比如 CPU、内存、磁盘、网络等信息,通常可以用来显示系...

winform安装项目、安装包的制作、部署

① 1,解决方案—添加—新建项目—其他项目类型—安装和部署—安装项目,输入名称Setup,点“确定” 2,添加主输出:单击左侧“应用程序文件夹”,右侧右键—添加—项目输出-主输出-确定。 3,添加开始程序中的文件夹:右击左侧“用户的程序菜单”—添加—文件夹,自己设置名称。 4,添加开始程序中和桌面的主程序快捷方式:左侧单击刚新建的文件夹--右侧右键—创建新...