解决Vue在IE中报错出现不支持=>等ES6语法和“Promise”未定义等问题

在做VUE项目中大家可能会发现除了IE内核浏览器之外项目都能正常显示,但是到IE就萎了,这主要是IE不支持ES6的原因。

要解决这个我们要先引入browser.js,这样你可以使用ES2015(javascript下一代标准,具体可以看阮一峰的ECMAScript 6 入门)进行编码。

<script src="/browser.min.js"></script>
<script src="/files.js" type="text/babel"></script>

引入之后在你的js文件加上type="text/babel",加上之后你会发现这个时候可以支持ES6的语法了。

但是~你会发现又会报一个错误:Error in mounted hook: "ReferenceError: “Promise”未定义"

这是因为之前使用的babel转换器只会转化新的句法,对一些API不转化。请查看http://babeljs.io/#polyfill 

这个时候我们在项目前面再引入polyfill.js

<script src="/polyfill.min.js"></script>

这样就可以解决了

最后给大家browser.min.js和polyfill.min.js的源码

browser.min.js源码:

https://blog-static.cnblogs.com/files/gxsyj/browser.min.js

polyfill.min.js源码:

https://blog-static.cnblogs.com/files/gxsyj/polyfill.min.js

原文地址:https://www.cnblogs.com/gxsyj/p/9944831.html