解決Vue在IE中報錯出現不支持=>等ES6語法和“Promise”未定義等問題

本文轉載自查看原文 2018-11-12 09:46 4735 Vue.js

在做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源碼：

polyfill.min.js源碼：

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 IE瀏覽器對ES6不兼容的問題(語法錯誤、Promise未定義、Symbol未定義) 解決ie不支持promise語法問題解決ES6語法不支持問題解決vue不支持promise語法問題 IE不支持 ES6 Promise 對象的解決方案 IE9不支持es6語法 IE不支持ES6語法的解決方案——Babel babel-polyfill（解決瀏覽器不支持es6的問題）和es6-promise(解決不支持promise的問題) uglifyjs-webpack-plugin不支持es6語法報錯const 解決方法 vue ie報錯:[Vue warn]: Error in v-on handler: "ReferenceError: “Promise”未定義"