IE浏览器不支持箭头函数导致页面不展示问题

于 2021-12-13 11:52:33 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： 学习和应用 文章标签： 前端 es6 jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZXin153/article/details/121902065
版权
在谷歌浏览器正常展示的页面在IE中出现错误，原因是IE不支持ES6的箭头函数。由于项目是基于jsp的老项目，无法像Vue项目那样全局转码，因此通过手动将箭头函数转换为ES5的写法，成功解决了IE页面不展示的问题。此方法适用于箭头函数较少的老项目。
摘要由CSDN通过智能技术生成

问题描述：

在谷歌正常展示的页面：
在这里插入图片描述
在IE不正常展示的页面：
在这里插入图片描述
打开IE的F12，显示报错语法错误：
在这里插入图片描述
在这里插入图片描述
百度得知IE不支持箭头函数：
在这里插入图片描述
在这里插入图片描述

最低0.47元/天 解锁文章
心猿由缰
关注
专栏目录
记录：vue中使用axios添加了babel-polyfill和es6-promise在ie下依然app.js报错页面一片空白的解决办法
qq_30068989的博客
11-20 4785
最近一个vue开发的项目，事先已经兼容ie9+，但是最后写完整个项目后chrome，firefox下完美运行，可是用ie的时候却一片空白？？？？？网上找了很多方法都是已经做好的ie兼容babel-polyfill、es6-promise。但是为什么还是不行？？ 好吧点进去看看 => 最后一行看到了是在自己写的请求文件mainPublic.js里出问题了，去看了一下代码 发现原来是axio...
【兼容IE】简单的 IE9 以上兼容ES6语法、箭头函数，代码-附件资源
03-02
【兼容IE】简单的 IE9 以上兼容ES6语法、箭头函数，代码-附件资源
IE浏览器不兼容js中的ES6箭头函数
Anhk丶
04-01 2568
一、如下示例：使用es6语法（不包含Promise） script标签的type的值设为text/babel <script type="text/babel"> const arr1=[1,2,3] const arr2=[...arr1] console.log(arr2); let arr3=arr2.map((x)=>x*2) console.log(arr3)...
IE不兼容ES6箭头函数的解决方法（在浏览器中使用）
weixin_46020146的博客
04-08 335
IE不兼容ES6箭头函数的解决方法（在浏览器中使用）
为什么要用PolyFill（JS中的修补匠）
热门推荐
08-06 2万+
var users = [{name:”zhangsan”,age:18},{name:”jack”,age:20}]; 这是一个对象数组。如果我们要查询名字为”jack”用户的年龄、常用的办法是什么？ 很多同学会想到遍历这个数组。我们来看看新的语法：var getUser = users.find(function(finder){ return finder.name = "jack
ie兼容es6，ie兼容ES6的方法，包括箭头函数，Promise，async，await
qq_27628085的博客
08-27 1万+
1. 使用es6语法（不包含Promise） script标签的type的值设为text/babel &lt;script type="text/babel"&gt; const arr1=[1,2,3] const arr2=[...arr1] console.log(arr2); let arr3=arr2.map((x)=&gt;x*2) co...
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
因此，当Vue项目中的代码包含这些特性时，IE浏览器无法正确解析，导致JavaScript文件加载失败，进而使得整个页面无法正常渲染。 为了解决这个问题，我们需要引入`babel-polyfill`。`babel-polyfill`是Babel编译器的...
兼容性问题：处理不同版本IE浏览器下的点击事件
[兼容性问题：处理不同版本IE浏览器下的点击事件](https://img-blog.csdnimg.cn/b60adb7d12dd482fae6c977c255c844f.png) # 1. 为什么需要处理IE浏览器下的点击事件兼容性问题 在当今浏览器市场中，虽然现代浏览器如...
Vue3 Keepalive 兼容IE浏览器的解决方案
# 1. 简介 在当今的Web开发中，Vue3框架已经成为前端开发人员的...本文将深入探讨如何解决Vue3 Keepalive在兼容IE浏览器上的挑战，为开发人员提供有效的解决方案和实践经验。 # 2. Vue3 Keepalive 的原理和用法 Vue3
浏览器函数兼容
04-17
案例:indexOf 在ECMA-262 标准 的第5版中被加入，但并非所有的浏览器都支持该方法。你可以在编写scripts时，在其开头使用以下代码，它能够允许你在没有本地支持的情况下使用indexOf方法。该算法符合ECMA-262第5版其中一项规定, 即假定 TypeError和 Math.abs 呈现它们原有的价值。
IE11兼容性问题完美解决（用户代理字符串）
09-11
IE11兼容性问题完美解决（用户代理字符串），用于解决win8/win8.1下IE11的兼容性问题
IE箭头函数报错(兼容ES6语法)
ydZ157的博客
12-29 1263
polyfill.js下载方法： npm install babel-polyfill --save 页面中引用"polyfill.js" 和 "babel.min.js" JS代码script标签加上 type="text/babel" <script type="text/babel"></script> polyfill.js下载 babel.min.js下载
【兼容IE】简单的 IE9 以上兼容ES6语法、箭头函数，代码
freedomVenly的博客
03-15 9422
一、如下示例：使用es6语法（不包含Promise） script标签的type的值设为text/babel 二、IE使用Promise，async,await 在头部增加polyfill.js即可。 polyfill.js安装方法：npm install babel-polyfill --save polyfill ...
[乐意黎]IE 10 不支持 let 和箭头函数
打杂人
05-15 6439
如题，由于后面维护修改了之前的某些JS 文件，导致 网页在 IE10下抛错。 折腾了半天，才研究明白。鉴于此，把 let 修改为 var , 把 箭头函数修改为普通的 function name(){}函数。 如图: ECMAScript 2015(ECMAScript 6) 新特性 1. ES2015(ES6) 新增加了两个重要的 JavaScript 关键字:块级作用域...
IE支持ES6箭头语法等特性
xiongge2005的专栏
01-28 701
1、node.js安装babel-core5      npm i babel-core@5 -g，最新的babel6已经没有browser.js了。 2、找到babel-core下边的四个文件     browser.js、browser.min.js、browser-polyfill.js、browser-polyfill.min.js。 3、在项目中引用，引用browser.js即可...
vue 不支持ie11解决方案
chrispy1314的博客
09-03 4313
npm ies6-promise npm install --save babel-polyfill package.json 文件中 添加 dependencies：{ "es6-promise": "^4.2.4" }， devDependencies：{ "babel-polyfill": "^6.26.0", } main.js 文件添加 ...
IE浏览器无法下载sisx文件的解决方法
这是因为IE浏览器根据MIME类型来确定如何处理文件，而服务器端没有正确地配置MIME类型导致的。 MIME（Multipurpose Internet Mail Extensions）是一种标准，它用于在Internet上交换各种类型的数据。MIME类型是指...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值