Bootstrap

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>

ps:type="text/babel"

引入之后在你的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的源码我已上传,等待审核。

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;