vue爬坑之（五）-IE空白Bug

今天用做好的VUE项目IE下打开，发现页面一片空白，为了解决问题，特意百度了下，现解决方法如下：

1、安装babel

npm install --save babel-polyfill

2、引入

在main.js中

import 'babel-polyfill'

在main.js中再另外做兼容

import "babel-polyfill"
if(Number.parseInt===undefined) Number.parseInt=window.parseInt;
if(Number.parseFloat===undefined) Number.parseFloat=window.parseFloat

3.1、配置

在build文件夹中：webpack.base.conf.js里配置,将babel-polyfill.js放到入口文件，这样就可以啦

entry: {
    app: ["babel-polyfill", "./app/js"]
  },

image.png

3.2、配置

如果你的build文件夹中：webpack.base.conf.js里面的entry是 app:'./src/main.js'，那就直接改成数组，如下：

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

如图：

image.png

最后

如果有小伙伴配置完成后，最好重启下电脑或者项目 ，再去IE看，才会起作用的，我之前搞得时候，还以为不对，试了很多种办法，结果都不成功，后来第二天，来了重启电脑和项目才进了IE。