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

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

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



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

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

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

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


这样就可以解决了

 

最后给大家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

你可能感兴趣的:(解决Vue在IE中报错出现不支持=>等ES6语法和“Promise”未定义等问题)