本文共 734 字，大约阅读时间需要 2 分钟。

问题描述：

vue项目运行后，在IE浏览器打开，页面为空白。

分析问题成因

Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。

举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行，必须使用babel-polyfill，为当前环境提供一个垫片。

polyfill指的是“用于实现浏览器不支持原生功能的代码”，比如，现代浏览器应该支持fetch函数，对于不支持的浏览器，网页中引入对应fetch的polyfill后，这个polyfill就给全局的window对象上增加一个fetch函数，让这个网页中的JavaScript可以直接使用fetch函数了，就好像浏览器本来就支持fetch一样。

简单理解，polyfill即是在当前运行环境中用来复制（意指模拟性的复制，而不是拷贝）尚不存在的原生 api 的代码。

解决方案

（1）首先安装babel-polyfill

npm install --save babel-polyfill

（2）在main.js里引入

import 'babel-polyfill'

（3）在首页index.html中添加

（4）配置项目文件

build中的webpack.base.conf.js修改如下配置

entry:{
       app:['babel-polyfill','./src/main.js']      }

转载地址：http://wovii.baihongyu.com/