ES6的IE兼容问题

菊の物语 菊の物语 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 5.2k累计阅读 5.2k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-05-15 09:31:33 发布 5.2k 阅读 AI 写同款· GEO 优化 ›
Webpack——ES6转ES5 万恶的IE遗臭万年仍然需要填坑 ie标准对html/css甚至js的规范简直相差甚远，所以，一般要解决的兼容问题很大一部分是为了解决ie的不兼容，虽然目前流行的ES6语法及规范将IE的考虑抛弃掉，默认放弃对IE的治疗，但是IE的兼容仍然是个问题！即使IE的使用率已经不到1%的市场占比。 我们使用着舒服的ES6规范但是为IE又很头疼怎么办呢？Webpack开发了非常厉害的打包转换功能：转ES5！ ... 阅读详情

习惯用ES6的字符模板来进行数据的渲染，结果IE11浏览器报错，提示字符模板的语句“语法错误”。之后百度搜索解决方案，现总结如下，方便以后避坑。

1、项目中加入browser.min.js文件（百度搜索），引入。

2、在JS文件标签中加入type="text/babel"  例如：<script type="text/babel" src="js/index.js"></script>    

另外，需要注意的是window.onload这个函数在IE11以下也不生效，一定要避免掉坑！

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
IE11 兼容 ES6，可适配VUE.js 在引入其他脚本前先引入browser.min.js。 script标签的type的值设为text/babel。 <body> <script type="text/javascript" src="./babel/browser.min.js"></script> <script type="text/babel"> </script> </body> 在页面引入browser-polyfill脚本： <script type="text/javascript" src="./babel/browser-polyfill.min.js"></script> 立即下载

相关推荐

eslint-plugin-ie11：用于检测IE11中不受支持的ES6功能的ESLint插件

eslint-plugin-ie11 ESLint插件，用于检测IE11中不受支持的ES6功能 安装 您首先需要安装 ： $ npm i eslint --save-dev 接下来，安装eslint-plugin-ie11 ： $ npm install eslint-plugin-ie11 --save-dev 注意：如果全局安装ESLint（使用-g标志），则还必须全局安装eslint-plugin-ie11 。 用法 将ie11添加到.eslintrc配置文件的plugins部分。 您可以省略eslint-plugin-前缀： { " plugins " : [

IE11 兼容 ES6

今天做H5游戏，遇到两个IE11兼容的问题，解决方法如下： 问题1：做到自定义字体兼容的时候，发现报错了 @font-face是CSS3新规则，针对IE惯例不是很友好，IE9+仅支持.eot的格式，这就需要我们来转换一下字体格式了，我用的是 字体转换这个网站很不错， 将转换好的.eot文件下载解压到项目的font目录中，和你的.ttf字体文件放在一起， 在font.css文件中引入 在需要的页面引入该字体文件后，就可以正常显示咱们自定义的字体了 问题2：IE11 不兼容 ES6，.

liwang2016384的博客 3690

致WEB前端开发者:IE6-IE11兼容性问题列表及解决办法

致WEB前端开发者:IE6-IE11兼容性问题列表及解决办法

IE11兼容ES6语法问题

一、使浏览器兼容ES6基本语法 例如：1.新的变量声明方式 let/const 2.箭头函数 3.模板字符串 4.函数默认参数 5.展开运算符等基础语法 方法 在引入其他脚本前先引入browser.min.js。（脚本下载地址：开发版本browser.js；生产版本browser.min.js。） script标签的type的值设为text/babel。 <!DOCTYPE htm...

qq506930427的博客 2万+

IE11兼容性问题完美解决（用户代理字符串）

IE11兼容性问题完美解决（用户代理字符串），用于解决win8/win8.1下IE11的兼容性问题

IE兼容ES6解决办法。。。。。。。。。。。

完美解决前端开发IE兼容问题。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

react项目es6兼容IE

ES6兼容低版本浏览器，babel-polyfill配置

Beamon__的博客 358

ie11兼容es6语法资源包

1、引入browser.min.js，使用es6语法的script标签加 type="text/babel" 2、引入browser-polyfill.min.js，兼容promise语法

vue项目在IE浏览器显示空白页(es6语法兼容问题)

近期，在vue项目开发中，遇到了IE浏览器的兼容问题，页面显示空白，且控制台出现如下报错信息： 通过控制台输出的报错信息，定位到app.js文件的3797行代码，发现存在ES6语法。 问题来源： 由于IE浏览器不兼容ES6语法，需要使用Babel将其转换为向后兼容的 JavaScript 语法才能正常运行。 问题分析： 查看了package.json文件，发现关于babel编译所需的依赖均已安装完成，为什么app.js 中还会存在es6语法呢？ 于是，打开node_modules文件夹，定位到ansi-

小蓝鲸的博客 1394

粒子滤波在基于误差状态量的INS/GNSS组合导航中的使用技巧-On Particle Filter based Error-State INS/GNSS Intergrated Navigation

本文面向以15维惯导（INS）误差为状态量，3维位置误差为量测量的INS/GNSS组合导航系统，​在西工大严恭敏老师的开源工具箱中PF相关库函数基础上实现基于粒子滤波（PF）的惯导误差状态量的递推估计，设计了粒子重置环节并强调了其在本特定场景下的重要性。

I33D33I的博客 1742

从GAN生成失败案例出发：为什么你的AI画不准位置？CoordConv保姆级解决方案

本文深入探讨了GAN生成图像时位置偏移问题的根源，并提供了CoordConv的保姆级解决方案。通过分析传统CNN在空间坐标建模上的缺陷，详细介绍了CoordConv的原理、实现步骤及在StyleGAN2等模型中的实战应用，显著提升了医学图像生成等任务的定位精度。

pp12345的博客 204

gulp+babel解决传统项目IE环境ES6语法兼容问题

前言 ES6给我们带来便利的同时，也给我们带来了一下麻烦。当然自从chrome等浏览器对于ES6语法的全面支持以来，这种麻烦也已经降到了最低，如果你的项目完全不需要考虑兼容问题，现在你在项目中可以尽情的使用ES6，且不用做特殊处理。当然这是理想情况。 前几年我主要做的都是H5方面的开发，所以对于浏览器的兼容问题关注也不是很多。近两年的开发也都是基于VUE框架，对于vue,如果需要使用ES6并且需要...

HELLO WORD 1306

保姆级教程：用STM32单片机实现国标交流充电桩的CP信号检测（附完整代码）

本文详细介绍了基于STM32单片机实现国标交流充电桩CP信号检测的全流程，包括硬件设计、软件架构和充电控制实现。通过分压电路设计、ADC配置和状态机逻辑，确保充电过程的安全与可靠性，适用于新能源汽车充电桩开发。附完整代码和调试技巧，助力开发者快速掌握关键技术。

weixin_42641998的博客 252

vue项目es6在IE下的兼容问题

直接在public文件夹下的Index.html头部引入polyfill.min.js <script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script> 也可在main.js中导入babel-polyfill axios 兼容处理 npm install es6-pr...

tstmeng的博客 1617

Matlab处理气象数据（六）数据的面积加权

由于地理投影导致导致每个像元实际地面面积不同，越靠近北极实际面积越小，越靠近赤道实际面积越大，如果不进行面积加权就简单平均，会导致温度较实际温度偏低。 用以下公式计算地理投影每个像元的面积： double pi = 3.1415926; double R = 6371007.181; //units - m double area = (pi/180.0)*R*R*fabs(sin(dLat1/180.0*pi) - sin(dLat2/180.0*pi)) * fabs(dLon1 - dLo

设计の诗 1万+

打穿内网之Vulntarget-a靶场实战记录

内容包括：通达OA未授权上传+文件包含RCE、Redis未授权写马、ms17-010永恒之蓝、代理转发内网跳板、CVE-2020-1472 域控杀器Zerologon、wmiexec/smbexec横向移动、cobalt strike与msf的shell传递

tpaer的博客 3033

vue打包后有es6语法兼容问题，ie报错

vue打包后有es6语法兼容问题，ie报错 （个人学习笔记，仅供参考）： 情景：ie/360浏览器打开build之后的页面报错了，点击报错定位的时候发现有“const”和箭头函数语法，发现是兼容问题，开始检查自己代码，我代码中没有用到es6语法，但想起自己用的插件，一个个排除，发现加载vue-charts-v3的时候打包就会有es6语法 import IEcharts from ‘vu...

Antoinette_Xiao的博客 1万+

离散数学期末考试试卷（两套）-熟悉题型

3.设集合A={a,b,c,d}上有自反关系R={,,,,}，对称关系S={,,,}。6.设集合A={1,2,3}，B={u,v,w}，C={a,b,c}，f是集合A到集合B上的映射，g是集合B到集合C上的映射，f={, , }，g={}，则复合函数g。5. 设集合A={a,b,c,d,e}，下列选项中哪一个集合不是A的划分（ ）。

muse3159546973的博客 6957

vue解决ie与低版本浏览器es6兼容问题

使用vue-cli搭建vue项目打包后在ie上打开静态资源出现空白，但是在chrome上一切正常，经检测发现打包后的js存在兼容问题，ie等低版本浏览器对es6存在不支持情况，解决方法如下： 1. 安装babel-polyfill npm i babel-polyfill -S 2. 在main.js引入abel-polyfill 完成！...

Beamon__的博客 6951

备战2025数学建模国赛（算法29）：博弈论在数学建模竞赛中的应用

博弈论为数学建模竞赛提供了强大的分析工具，尤其适用于涉及多方互动决策的问题。本文介绍了博弈论的核心模型、算法实现及竞赛应用案例，并提供了完整的Python代码实现。扩展阅读方向不完全信息博弈与贝叶斯均衡合作博弈与联盟形成机制设计与拍卖理论随机博弈与马尔可夫决策过程博弈论与机器学习的结合。

YOLO 442

利用R批量计算相关系数

批量求相关系数

weixin_52073820的博客 1458

ie input兼容 vue_vue项目中遇到的ie兼容问题

最近一直在解决项目中浏览器兼容问题，头大！不过，收获不错，这是我整理的vue项目在ie中会出现的问题以及解决方法：1、ie浏览器不兼容es6新语法，需要安装babel-polyfill:npm install --save babel-polyfill并在build/webpack.base.conf.js下修改：module.exports = {entry : ["babel-polyfill...

weixin_34785304的博客 336

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料，已经经过了本人的筛选和整理，希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助！

Vue项目在ie浏览器下空白（es6语法兼容问题）ansi-styles报错

大家好，我是小梅，公众号：「小梅的前端之路」 原创作者。 作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。 分页组件的粗糙实现： ❤️欢迎素质三连[点赞 + 收藏 + 评论] 我是小梅，有兴趣的话可以在微信搜一搜「小梅的前端之路」第一时间接收文章更新通知，一起沟通、学习成长呀。 ...

weixin_44370837的博客 2518

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf：最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版，包括SDIO 接口的外设，SDIO 接口官方协议等。

html的vue项目怎么兼容ie,vue 项目在ie浏览器的兼容问题

注意：htmlvue 只兼容ie8以上版本；IE 不兼容 axios的promiss对象;IE 不兼容es6语法；ES6转ES51、关于babel-polyfillvue一、说明：This will emulate a full ES2015+ environment and is intended to be used in an application rather than a librar...

weixin_35426022的博客 1731

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

Vue2+Webpack+ES6 兼容低版本浏览器（IE）

Vue2+Webpack+ES6 兼容低版本浏览器（IE） 解决办法： 1.安装 “babel-polyfill” 1.1命令：npm install --save-dev babel-polyfill 1.2在入口main.js文件引入：import ‘babel-polyfill’ 1.3在build文件夹下找到webpack.base.conf.js.修改入口方式： ​ en...

wen_j的博客 996

vue项目兼容ie浏览器的问题：在其他浏览器显示都是正常的，在ie下显示空白

1、安装babel-polyfill npm install babel-polyfill --save-dev 2、main.js中引入 import 'babel-polyfill' 3、webpack.base.conf.js文件里修改代码如下 module.exports = { entry: { app: ["babel-polyfill", "./src/main.js"...

vip.khan的博客 3262
上一篇： layer相关方法
下一篇： jQuery在html元素中保存数据的 data()方法
点赞 3
评论 0
书签 书签 5
菊の物语
菊の物语
博客等级 码龄10年 322粉丝 84原创
+ 关注
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值