很多的浏览器并不支持ES6,比如IE
解决方案如下:
1.引入browser.min.js下载地址:browser.min.js
2.默认情况下babel 只转换新的 JavaScript 语法,而不转换新的 API ,比如 Set、Maps、Proxy、Reflect、Symbol、Promise、Iterator、Generator、 等全局对象,以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。为了解决这个问题,我们使用Polyfill脚本。引入browser-polyfill脚本browser-polyfill.min.js
3.注意script标签的type的值设为text/babel
eg:
<!-- IE兼容ES6基本语法 -->
<script src="js/browser.min.js"></script>
<!-- 转换 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等语法 -->
<script src="js/browser-polyfill.min.js"></script>
<!-- ======== -->
<script type="text/babel" src="js/index.js"></script>
原文作者:匆匆那年_海,博客主页:https://www.jianshu.com/u/910c0667c515
95后前端汉子,爱编程、优秀、聪明、理性、沉稳、智慧的程序猿一枚。
网友评论