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

个人所负责的一个项目,需要兼容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)

4. yarn start后,如果此时在IE11中访问依然看到的空白页面,但控制台无报错,刷新下页面应该就可以了

以上总结的两种比较好的处理方案,希望对大家有帮助!

原文地址:https://www.cnblogs.com/fanqshun/p/12179300.html

时间: 2024-11-10 07:44:56

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

Unity3D-RPG项目实战(3):整合Visual Studio 2013开发环境

古人云:工欲善其事必先利其器,IDE虽然属于一个非常上层的工具,但是一个好的IDE对工作效率提高还是很大的. 其实我还是满想用一下官方推荐的Mono,毕竟跨平台现在还是很重要的一个特性.尝试了这1周,作为一个从VC5就开始抱MS大腿的老屌丝程序员,实在怀念Visual Studio.话说还是Visual Studio的代码编辑器好用啊. 另外,今天看到消息称,开发Unity的VS整合工具的SyntaxTree已经被微软收购了,UnityVS以后都免费啦,哈哈.今天试了一把,还是满好的.:) 详见

React Native 开发环境安装和配置使用报错: -bash: react-native: command not found

[React  Native 开发环境安装和配置:-bash: react-native: command not found 报错: 前提是安装homebrew,node.js ,npm ,watchman,flow都成功.React  Native 开发环境安装和配置 执行react-native init TestProject 命令 创建demo时报错:-bash: react-native: command not found 报错提示:Please include the follo

webpack构建vue项目(配置篇)

最近公司要求用vue重构项目,还涉及到模块化开发,于是乎,我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具,发现上手并不是很容易,现将总结的一些有关配置的心得分享出来,欢迎大神来拍砖... 一.新建一个项目目录,cd /d 定位进去,然后输入npm init,会提示你填写一些项目的信息,一直回车默认就好了,或者直接执行npm init -y 直接跳过,这样就在项目目录下生成了一个package.json文件. 二.接下来就是通过npm安装项目依赖项,命令行输入

IntelliJ IDEA 17和Maven构建javaWeb项目

前言 电脑又断电了,眼看着写好的东西就没有了,这是第二次犯这个错误了.很难受呀!还是回到正题吧,我们来使用IDEA和Maven构建一个JavaWeb项目 软件环境: IDEA:2017.2.1 JDK:1.8.0_91 Maven:3.3.9 一.Maven配置 1.1.Maven简介 相对于传统的项目,Maven 下管理和构建的项目真的非常好用和简单,所以这里也强调下,尽量使用此类工具进行项目构建, 它可以管理项目的整个生命周期. 可以通过其命令做所有相关的工作,其常用命令如下: - mvn

webpack构建vue项目(再谈配置)

webpack配置起来确实麻烦,这不,之前用刚配好了vue1+的版本,结果在(部分)安卓机上测试,发现存在开启热加载(dev-server)的情况下不能识别vue语法的问题,试了很多方法,都没能很好的解决,最后索性将vue升级到2+,竟然就能识别了,好吧! 1.先分享一下webpack配置vue2+的一些不同(本人亲测): (1)dependencies中的vue默认安装2+,直接运行,会报如下错:[Vue warn]: Failed to mount component: template o

Maven 学习(二)使用eclipse构建Maven项目及发布一个Maven项目

开发环境: Eclipse Jee Mars(截止2015年12月1日目前的最新版eclipse4.5),下载地址:http://www.eclipse.org/downloads/ 因为此版本已经集成了M2E的插件,再者Mars版本的eclipse也比较稳定,可以省一些不必要的麻烦. 一.构建Maven项目 用eclipse构建maven项目之前我们需要为eclipse做一些必要的配置 一些必要的配置 1.点击eclipse菜单栏的Window下的preferences,选择Maven菜单 2

mvn+eclipse构建hadoop项目并运行(超简单hadoop开发入门指南)

本文详述如何在windows开发环境下通过mvn+eclipse构建hadoop项目并运行 必备环境 windows7操作系统 eclipse-4.4.2 mvn-3.0.3及用mvn生成项目架构(参阅http://blog.csdn.net/tang9140/article/details/39157439) hadoop-2.5.2(直接上hadoop官网http://hadoop.apache.org/下载hadoop-2.5.2.tar.gz并解压到某个目录) windows7下环境配置

搭建 webpack + React 开发环境

说在开头 上个月断断续续的在研究webpack的配置,但是很多网上的文章基本上都是只说了开发环境的配置,而忽略了生产环境的配置.大致研究了一下门路,然后就来写一篇随笔让自己能在以后能有个地方可以做参考. 正文开始 我就假装大家都是装了node的情况下. 1.进入项目目录,运行`npm init`按照步骤填写最终生成`package.json`文件,所有使用 npm 做依赖管理的项目,根目录下都会有一个这个文件,该文件描述了项目的基本信息以及一些第三方依赖项(插件).详细的使用说明可查阅[官网文档

[转] 从零构建 vue2 + vue-router + vuex 开发环境到入门,实现基本的登录退出功能

这是一个创建于 738 天前的主题,其中的信息可能已经有所发展或是发生改变. 前言 vue2 正式版已经发布将近一个月了, 国庆过后就用在了公司的两个正式项目上, 还有一个项目下个月也会采用 vue2 进行重构 选择它没什么理由,如果非要说一个理由 那就是它的中文文档远比 react , angularjs 要友好 github:https://github.com/lzxb/vue2-demo 源码说明 项目目录说明 . |-- config // 项目开发环境配置 | |-- index.j