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

更新于
2026-09-30 22:05:49
1阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

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

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

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(代码填充,也可译作兼容性补丁)的技术。

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

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

阅读全文

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

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

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(代码填充,也可译作兼容性补丁)的技术。

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

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

阅读全文