如何解决Vue在IE浏览器中兼容性报错的问题？

本文共计722个文字，预计阅读时间需要3分钟。

IE页面空白，报错信息：当前页面一片空白，报错原因+Babel+默认只转换新的JavaScript语法（如箭头函数），而不转换新的API（如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等）。

IE 页面空白

报错信息

此时页面一片空白

报错原因

Babel 默认只转换新的 JavaScript 语法（如箭头函数），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象或者方法。

例如 Promise 、新的原生方法如 String.padStart (left-pad) 等。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁）的技术。

简单的说，兼容问题一般是IE 对于es6 的部分新对象、表达式，语法并不支持，解决方案是使用 babel-polyfill 来正常使用ES6。