es6 语法，在 IE 中不兼容的处理办法

在今天的开发中，突然被测试抛出来一个八阿哥～

说是项目在 IE 中打不开，然而在其他浏览器中跑的非常6

打开百度，一顿搜索，发现最终是 es6 的问题

在其他浏览器中，支持的很好，尽管你的es6代码没有编译成低版本的代码

在其中运行也是没有问题

但是在 IE 中，确实不行了

继续一顿百度，总结下本次兼容处理的路：

你需要走两步：

1、使用 polyfill

安装：npm install --save babel-polyfill 注意，这是一个库，需要安装到 dependencies ，而不是 devDependencies

使用：网络上有三种方式，任选其一就行了

1、在 main.js 中使用，在该文件最最最最最上面 import "babel-polyfill" 即可，require 也行
2、使用 CDN
3、在 webpack.base.conf 中修改项目的 entry ，不过一定要把 babel-polyfill 放在最前面

2、使用 bable

安装：babel-preset-es2015

使用：在根目录建立 .babelrc 文件，在里面加入以下代码

{"presets": ["es2015"],"plugins": []
}

重启项目，查看你的结果吧

es6 语法，在 IE 中不兼容的处理办法相关推荐

react ice-design ie兼容问题，由于ie浏览器不支持箭头函数，导致react项目在ie中不兼容的解决办法
解决办法:1. package.json中的ice-script更新为1.7.2-beta.1 2. 将启动脚本改为 start:ice dev --disabled-reload=true 3. ...
vue打包后有es6语法兼容问题，ie报错
vue打包后有es6语法兼容问题,ie报错 (个人学习笔记,仅供参考): 情景:ie/360浏览器打开build之后的页面报错了,点击报错定位的时候发现有"const"和箭头函数语 ...
React项目 --ES6 语法中的class （9）
上一篇的博客中我们介绍了,如何设置React项目的根目录连接地址:https://blog.csdn.net/datouniao1/article/details/119505562 要学习Reac ...
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案
nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案参考文章: (1)nuxt 脚手架创建nuxt项目中不支持es6语法的解决方案 (2)https://www.cnblogs.com/jk ...
javascript中es6语法
es6语法简介: // 1.历史:// 1995-----JavaScript诞生// 1997-----ECMAScript标准确立// 1999-----ES3出现,与此同时IE5风靡一时// 2 ...
解决idea的html代码中使用es6语法报错的问题
解决idea的html代码中使用es6语法报错的问题参考文章: (1)解决idea的html代码中使用es6语法报错的问题 (2)https://www.cnblogs.com/mayiaction ...
.vue文件在webstorm中es6语法报错解决方法
.vue文件在webstorm中es6语法报错解决方法参考文章: (1).vue文件在webstorm中es6语法报错解决方法 (2)https://www.cnblogs.com/yuqing6/ ...
浏览器环境兼容运行ES6语法
亲测可用,若有疑问请私信 ES6语言的普及 2015年6月, ES2015(即 ECMAScript 6.ES6) 正式发布.ES2015 是该语言的一个显著更新,也是自 2009年 ES5 标准确定 ...
将ES6的语法转为ES5（为了兼容 ES5） (Babel)
掌握 ES6 之后,如果你的业务需要考虑 ES5 的兼容性,则可以这样做:写 ES6 语法的 js 代码,然后通过 Babel将 ES6 转换为 ES5.如果没有这样的需要,那么下面的内容,了解即可. ...

es6 语法，在 IE 中不兼容的处理办法

es6 语法，在 IE 中不兼容的处理办法相关推荐

最新文章

热门文章