vue 检测ie版本_详解vue 兼容IE报错解决方案

ie 页面空白

报错信息

此时页面一片空白

报错原因

babel 默认只转换新的 javascript 语法(如箭头函数)，而不转换新的 api ，比如 iterator、generator、set、maps、proxy、reflect、symbol、promise 等新的对象或者方法。

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

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

polyfill 是什么

举个例子，有些旧浏览器不支持 number.isnan方法，polyfill就可以是这样的：

if(!number.isnan) {

number.isnan = function(num) {

return(num !== num);

}

}

polyfill就是类似这样解决api的兼容问题

解决方案

1、使用babel-polyfill

引入 babel-polyfill

npm i -s babel-polyfill

如何使用

使用它时需要在你应用程序的入口点顶部或打包配置中引入。

在main.js 引入</