首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在IE11中,使用IE11 polyfill导入的Starter create-react-app仍会中止

首先,让我们了解一下相关的名词概念和分类。

  1. IE11:IE11指的是微软的Internet Explorer 11,是一款网络浏览器。它是IE浏览器系列的最后一个版本,支持较旧的Web标准。
  2. polyfill:Polyfill是一个术语,用于描述在浏览器中添加缺失功能的代码。它可以填充不同浏览器之间的功能差异,以确保代码在各种浏览器中都能正常工作。
  3. Starter create-react-app:create-react-app是React官方提供的一个脚手架工具,用于快速创建React应用程序的基本项目结构。它提供了开箱即用的配置,使得初学者可以快速开始构建React应用。

接下来,我们来分析问题和给出答案:

在IE11中,使用IE11 polyfill导入的Starter create-react-app仍会中止,可能是由于以下几个原因:

  1. 兼容性问题:IE11是一个较旧的浏览器,对于一些新的Web标准和功能可能不支持或支持不完整。虽然polyfill可以填充一些功能差异,但是在某些情况下,某些功能可能无法完全兼容。
  2. 配置问题:create-react-app默认情况下可能没有对IE11的兼容性进行特别处理,可能需要手动配置相关选项才能使应用程序在IE11中正常运行。

针对这个问题,可以尝试以下解决方案:

  1. 检查polyfill:确保IE11 polyfill正确导入并配置。可以使用Babel等工具来转换和填充代码,以确保在IE11中的兼容性。
  2. 更新create-react-app版本:查看是否有新版本的create-react-app,其中可能已经对IE11的兼容性进行了改进和优化。可以尝试使用最新版本的create-react-app重新构建项目。
  3. 自定义配置:对create-react-app进行自定义配置,以适应IE11的兼容性要求。可以查阅create-react-app的官方文档或社区资源,了解如何自定义配置以支持IE11。

推荐的腾讯云相关产品和产品介绍链接地址:

腾讯云提供了一系列的云计算产品和服务,可以满足不同的需求。以下是一些相关产品的推荐:

  1. 云服务器(ECS):腾讯云的云服务器产品,提供了高性能、安全可靠的虚拟服务器实例,适用于各种应用场景。产品介绍链接:https://cloud.tencent.com/product/cvm
  2. 云数据库MySQL版(CDB):腾讯云的云数据库MySQL版,提供了高可用性、高可靠性的云数据库服务,适用于各种规模的应用。产品介绍链接:https://cloud.tencent.com/product/cdb_mysql
  3. 云原生容器服务(TKE):腾讯云的云原生容器服务,提供了弹性、高可用的容器集群管理平台,适用于容器化应用的部署和管理。产品介绍链接:https://cloud.tencent.com/product/tke

请注意,以上链接仅供参考,具体的产品选择应根据实际需求和情况进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Vue项目兼容IE11

由于开发过程,我们经常会使用一些第三方插件或组件,对于这些组件,有时我们需要做一些处理。下述主要阐述如何使用 vue-cli3 脚手架搭建工程支持 IE11。...而不是源代码中直接导入它们,因为如果这里列出 polyfill browserslist 目标不需要,则它会被自动排除。...如果该依赖交付 ES5 代码,但使用了 ES6+ 特性且没有显式地列出需要 polyfill (例如 Vuetify):请使用 useBuiltIns: 'entry' 然后入口文件添加 import...这会根据 browserslist 目标导入所有 polyfill,这样你就不用再担心依赖 polyfill 问题了,但是因为包含了一些没有用到 polyfill 所以最终包大小可能会增加。...css polyfill 由于我们项目中,大量使用了 CSS var() ,IE11 不兼容导致,思路相同,寻找相应 polyfill 即可。

7.1K41
  • 官宣 Vue3.0 抛弃支持 IE,把精力集中在这个上面

    行为不一致 Vue 2反应系统基于ES5 getter / setter。Vue 3利用ES2015代理获得了性能更高且更完整反应系统,该系统无法IE11进行多填充。...为Vue 3代理版本编写相同代码IE11版本不起作用。这不仅给我们带来了技术上复杂性,也给开发人员带来了持续精神负担。...我们最初计划是IE11版本开发版本同时交付Proxy和ES5反应性实现。当它在启用代理开发环境运行时,它将检测并警告不兼容IE11用法。...长期维护负担 支持 IE11 也意味着我们必须考虑整个代码库中使用语言特性,并为我们发布版本找到合适 poliyfill / 编译策略。...每一个不能在 IE11 中被 polyfill 新特性都会带来新行为警告。一旦 Vue 3 承诺支持 IE11,就永远没办法摆脱了,直到下一个大版本。

    1.6K30

    尤雨溪:Vue 3 将不会支持 IE11

    Vue 不支持 IE11 了吗,IE 用户怎么办 当然不是,Vue 2.X 版本仍然支持 IE11,如果你想使用类似 Vue 3 新特性,可以等等 Vue 2.7 版本。...现在更多开发者使用现代语言特性,更为重要是,微软自己开始积极推动用户远离 IE,并对 Edge 持续投入精力。它还在自己主要产品(如 Microsoft 365)移除了对 IE11 支持。...Vue 3 利用了 ES2015 Proxy 实现了一个更高性能、更完备响应式系统,但无法 IE11 polyfill 这一特性。...我们原本计划是支持 IE11 版本开发同时发布 Proxy 和 ES5 两种响应式版本。当它在支持 Proxy 开发环境运行时,会检测并对不兼容 IE11 一些用法做出警告。...每一个 IE11 无法被 polyfill 新特性都会带来新行为警告。一旦 Vue 3 承诺支持 IE11,直到下一个大版本发布之前都无法摆脱它了。

    1.4K10

    Babel配置傻傻看不懂?

    前沿:文章起源在于,朋友跟树酱说解决项目兼容IE11浏览器过程,遇到“眼花缭乱”babel配置和插件等,傻傻分不清配置间区别、以及不了解如何引用babel插件才能让性能更佳,如果你也有这方面的疑虑...那么Babel就是帮助浏览器翻译,让web应用能够运行旧版本浏览器,比如IE11浏览器不支持Promise等ES6语法,那这个时候IE11打开你写web应用,应用就无法正常运行,这时候就需要Babel...,如下所示 1.4.3 关于 polyfill 比如我们开发中使用,会使用到一些es6新特征比如Array.from等,但不是所有的 JavaScript 环境都支持 Array.from,这个时候我们可以使用.../polyfill,把es新特性都装进来,使用步骤如下 npm 安装 : npm install --save @babel/polyfill 文件顶部导入 polyfill: import @babel...使用 babel-runtime 后,库和工具只要在 package.json 增加依赖 babel-runtime,交给 babel-runtime 去引入 polyfill就可以了 如何使用 @

    1.3K43

    Ionic4兼容IE浏览器处理

    一般场合,Ionic4运行在手机端,没必要去兼容IE,但还是可以了解一下,以免有这样需求。 Ionic4,它更趋向于一个UI框架,然后可配套Angular、React、Vue等框架使用。...以Angular版本为例,兼容IE浏览器,主要是JS+CSS语法和用法调整处理。 1. JS,可以使用内置Polyfill方案。...Angular项目默认提供了Polyfill支持,打开Ionic4项目中src目录,里面有自动生成polyfill.ts文件,打开可以看到这样内容: /**********************...重新编译运行,可以看到原来IE浏览器提示脚本错误都消失了,页面能正常运行,只是样式可能会有点变形。 2....CSS自定义样式调整 Ionic4大量使用了shawdow-dom,IE浏览器不解析#shadow-root,但会解析其下内容,所以Dom都会存在,只是样式可能会不同。

    1.5K20

    JS魔法堂:那些困扰你DOM集合类型

    document.getElementsByNameChrome和FF30.0返回NodeList(木有namedItem方法),IE全系列中都返回HTMLCollection,吐血了吧?   ...由于document.getElementsByName不同浏览器返回不同类型对象,因此推荐使用[{Number} 索引]方法来访问集合元素会省心一些;  4....其特征与NodeList基本无异,唯一区别就是StaticNodeList是不会实时同步DOM树变化,因此polyfill querySelectorAll时候就不用考虑实时同步DOM树变化问题了...但IE11HTMLAllCollection还可以当作函数使用,具体请看本文第三节。...NamedNodeMap和HTMLCollection、NodeList不同,因为它是无序集合,虽然可以通过数字类型下标索引访问NamedNodeMap集合元素,但该索引值并不真实代表元素集合位置

    2K90

    解剖Babel —— 向前端架构师迈出一小步

    使用@babel/polyfill或@babel/preset-env可以实现高级语法降级实现以及APIpolyfill。...regenerator-runtime是generator以及async/await运行时依赖 单独使用@babel/polyfill会将core-js全量导入,造成项目打包体积过大。...宿主环境粒度 当我们按如下参数项目目录下配置browserslist文件(或在@babel/preset-envtargets属性内设置,或在package.jsonbrowserslist属性设置...这个插件会在编译时将所有使用「辅助方法」地方从「自己维护一份」改为从@babel/runtime引入。...注:这里@babel/core为库名,前文中babel-core为其仓库对应文件名 中层 @babel/plugin-* Babel对外暴露API,使开发者可以介入其编译JS能力 上层 @babel

    1.1K10

    ALM问题解决笔记

    前言 这几天使用ALM过程遇到了几个问题,寻找答案时候发现这几个问题在网上几乎没有人有遇到,可能这也跟国内使用ALM公司太少有关。...我觉得有必要分享一下,同时也欢迎遇到同样问题同学来交流 ALMwin7/IE8 下无法浏览,浏览器页面安装控件总是失败 将测试用例导入ALM后,测试实验室-用例列表不显示用例详细信息 案例导入...按照提示安装,没有响应,然后到网上查了一下资料: ALM/QC11.0win8/IE11下无法浏览 页面显示要求安装插件,安装ALM-Platform Loader 11.msi 失败,提示 cannot...解决方法:1、IE11Internet选项-高级证书地址不匹配发生警告、证书是否已吊销均取消勾选2、再到兼容性视图设置,把QC11访问地址添加到已添加到兼容性视图中网站3、右键IE11图标选择以管理员身份打开...通过上面三步我自己win8系统+IE11是成功登录了。

    1.5K60

    当你浏览器输入“google.com”并回车,会发生什么?

    何为显著地不同让我们看看对应DNS: 我知道我以前见过google.com返回包带有多个IP地址,但似乎不再是这种情况了。之前他们似乎常常使用轮巡策略,但现在不再使用了。...一个正式结构化回答,你可能会参考我有所了解但并不精通OSI模型。...可看做数据包容器) 7、物理层 - 比特流 我记得TLS他们会在协议协商时交换证书。...答案可能提到了这一点。 ▶ 出乎意料是,Chrome响应体大了22kB。我想知道它是否是由IE 11明显缺席语音搜索功能引起。...IE11可能需要polyfill和Chrome广告,但它都被混淆了,我不会再进一步折磨自己了。 ▷ 即使我Chrome清除了Cookie,它仍会在第一次请求时发送Cookie。

    1.6K20

    从 JavaScript、ES6、ES7 到 ES10,你学到哪儿了?

    我确定你们大多数人都在使用许多不同 ES6 新功能,而无需问自己:这真的是 ES6吗,浏览器支持该功能吗?不过你对 Babel 2019 年进行转换了解多少?...换句话说,不管你使用哪个浏览器都不需要 Babel(除非你需要支持 IE 11)。 ES6 ,我们能够得到: 创建和继承类能力。...,很明显你可以通过代码(或 polyfill)来实现它,但是浏览器实现它前提是实现更快响应保证(例如:Angular 使用了大量观察者)。...很好问题!考虑到 JS(ES6 至 ES9)最常见功能,已经完全除了 IE11 之外浏览器实现。你可能会认为:“那么,这还不够好”。...与不支持 IE11 所失去金钱相比,支持 IE11 是否会给你带来更多收入?为 IE11 开发不只是使用 Babel。

    1.6K20

    jQuery 4.0震撼发布:这是复兴还是告别?

    如果您需要支持这些浏览器,可以使用jQuery 3.x。 移除已废弃API 多个版本已废弃几个函数终于主版本走到了尽头。...尽管jQuery源代码一直npm和GitHub上与发布版本一起提供,但之前没有使用RequireJS无法直接作为模块导入。...对于需要支持IE11情况,建议使用主构建版本或添加原生Promisespolyfill。...然而,出于几个原因,jQueryweb开发仍然有一席之地: 遗留浏览器支持:许多网站和web应用仍需要支持如IE11这样老旧浏览器,这些浏览器缺乏对现代JavaScript特性支持。...这种灵活性使得jQuery即使现代web开发环境也是开发者工具箱宝贵工具。

    1.2K10

    『Ant Design』使用

    也就是说它帮我们封装了一些很常用 UI 企业开发它可以帮助我们提升开发效率 那么简单来理解这个『Ant Design』,它其实就是 React 版本 Element UI 2....但是至今为止,除了开发一些政府项目以外,企业级开发当中,我们都是不需要去兼容 IE,不需要去兼容 IE 低版本,一般情况下兼容到 IE11,或者兼容到 Edge 就可以了。..., 首先安装 create-react-app: npm install -g create-react-app 使用 create-react-app 创建项目: create-react-app antd-demo...运行效果: 通过上面的代码我们可以看到,我们使用 Ant Design 时候,其实就是使用它提供组件 看了一个组件,那么我们再来看一个组件,比如说 Switch,点击 Switch: 首先导入... ); } export default App; 运行效果: 四、题外话 之前我记得使用组件时候是需要自己导入样式

    20931

    Vue 3 计划放弃支持 IE11

    Vue.js 作者尤雨溪就 Vue 3 支持 IE11 计划提交了新提案 提案摘要: Vue 3 将不会支持 IE11 原定投入 Vue 3 IE11 支持精力将投入给 2.7,移植 3.x 兼容新功能...在后续开发过程,团队对 IE11 兼容性进行了研究和实验,由于其涉及复杂性和手头上其他工作量比较大,所以支持 IE11 开发工作一再被延后。...例如微软积极推广 Edge 从而降低用户对 IE 依赖,甚至微软自家项目 (Microsoft 365) 也放弃支持 IE11;WordPress 决定放弃支持 IE11IE11 全球使用率已低于...尤雨溪还提到了 Vue 3 中支持 IE11 所带来影响,例如造成长期维护负担、增加库开发者开发复杂度、导致部分特性存在行为差异。...对于确切需要 IE11 支持用户,官方建议使用 Vue 2。

    1K10

    关于拖拽功能在IE11 、Firefox和Safari不兼容问题

    ) 3是firefox拖动时候会打开一个新窗口 (firbox) 4是ie11不支持onclick属性方法 ; ie11 里元素对象attributes排序和其他浏览器不同, ie11 ...怎么办,如果你使用了path,只有一个办法就是规避使用path,用其他方式代替path,比如通过参数直接传入元素id 通过document.getElementById处理元素。...如果你传递数据含有html标签,对象串行化前还需要对html encode ,JSON.parse之后对html进行decode即可。...对于原因3解决方案 页面初始化时候加上以下代码 document.body.ondrop = function (event) { event.preventDefault()...('click', function () {}) 如果你业务代码里包含 获取对象attributes代码,比如 event.target.attributes[n].xxx ie11attributes

    3.3K30

    Cocos Creator 出新版本啦, 2.1.2 圆形Shader终于可以完美解决了!

    UV 问题,详见[Texture:packable] 允许资源编辑器双击打开 json 资源 导入 plist 图集时默认将贴图类型设为 RAW 属性检查器增加 Vec4 类型支持 改善部分...升级上来后,场景和 Prefab 节点在特定角度下旋转值会丢失问题 修复某些机器上打开项目一直停在“正在导入资源,请稍候”界面的问题 修复项目构建后压缩纹理可能会缺失问题(感谢 xu.lidong...Android 上屏幕亮屏时,程序如果在后台仍会播放音频问题[#1785] 修复原生平台从后台切前台会自动播放已暂停音频问题[#145] 修复原生平台上修改 Spine/DragonBones...[#1784] 修复 Mac 平台,插件脚本初始化时调用 cc.game.setFrameRate() 失败问题[#5261] Web 完善对 IE11 支持(Improve support...for IE11)[#5033] 修复 Edge 浏览器上点击 EditBox 清除按钮(浏览器自带),不会触发 input 事件问题[#5088] 修复 EditBox 输入过程中文本大小未能随

    3K30

    数往知来:一次浏览器兼容工作知识点分析

    ;兼容工作重点已经从几年前样式统一转变为PC端和移动端对新特性支持和妥协,除了能更好更全面的满足用户,开发者了解优雅降级兼容化思路,也是可以普遍应用在各项工作 开车!...目标用户 该产品为 toB 形态,主要面对部分可控目标用户,大部分可以指导下使用较新chrome浏览器,但不排除一些用户使用firefox甚至IE情况,所以针对该项目的主要目标就是让低版本IE用户处于...解析某个网页时使用特定文档模式。...如果content值包含chrome=1,则表示支持Google Chrome Frame外挂插件(IE外观下调用chrome内核浏览挖墙脚插件;相应也有个IETab用来chrome/firefox...[endif]--> 姥姥不疼:IE6-9发现了HTML条件注释但返回了false 舅舅不爱:IE11两种注释都不认 IE10同时满足两种注释交集 shim / sham / polyfill 这3个古怪单词一般都用来描述一些给浏览器打补丁第三方库

    1K10

    Vue 3 也放弃支持 IE11

    WordPress 将彻底放弃对 IE 支持之后,Vue.js 作者尤雨溪就 Vue 3 支持 IE11 计划提交了新提案,就是 Vue 3 将不会支持 IE11。...选项 TS 类型改进 Vite 官方整合 尤雨溪说,按照最初计划,Vue 3 正式发布后会添加对 IE11 支持。...在后续开发过程,团队对 IE11 兼容性进行了研究和实验,由于其涉及复杂性和手头上其他工作量比较大,所以支持 IE11 开发工作一再被延后。...之前WordPress 将彻底放弃对 IE 支持文章中提到,IE11 全球使用率已低于 1%,微软自己都准备放弃支持了,微软自家 Office 365 和 Teams 应用到2021年8月份... Vue 3 中支持 IE11 所带来影响,例如造成长期维护负担、增加库开发者开发复杂度、导致部分特性存在行为差异。对于确切需要 IE11 支持用户,官方建议使用 Vue 2。

    1.8K20

    最近遇到兼容性问题和适配问题

    3、IE10、IE11、IE edge flex + min-height 导致高度丢失   解决方法: 参考 solved-by-flexbox :https://github.com/philipwalton...unset,但是会当做无效值覆盖之前min-width,而在Safari5,会当做无效代码,元素会保持原来min-width。...2、IOS9光标定位问题:   Vue2.4版本以下,nextTick实现是以MO和Promise为优先策略,(MO和Promise都为MicroTask,优先执行)   当一个input值改变事件如有有...Watcher监听,并且Watcher触发了另外DOM元素重绘,多次重绘会导致input框渲染不生效   解决方法:     1、把可能影响DOM渲染domtask放入下一个MacroTask,...这样就会等到input渲染完毕再执行domtask     2、升级Vue至最新版本,最新版本nextTickWacherDOMonXXX事件时,优先以MacroTask执行       watcher

    1.6K90
    领券