出错的原因：ie不支持新的

1.JavaScript语法新特性

2.新的cs特性

3. 新的JavaScript APi 或者 DOM API

这个时候我们就可以使用一个javascript编译器，同时也可以解决ie浏览器，36012浏览器显示白屏的问题

首先先引入

方法一： 在main.js

import 'babel-polyfill';//这样在入口文件中引入将增大文件大小

方法二： 在.babelrc文件添加

{ "presets": [ "es2015", "react" ],

  "plugins": [
    ["transform-runtime", {
      "helpers": false, // defaults to true
      "polyfill": false, // defaults to true
      "regenerator": false, // defaults to true
      "moduleName": "babel-runtime" // defaults to "babel-runtime"
    }]
    ]
}

 

如果是webpack 3 的需要在webpack.base.conf.js 里面添加

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

webpack2版本的话就在vue.config.js里面添加

module.exports = {
  chainWebpack: config => {
    config.entry.app = ['babel-polyfill', './src/main.js'];
   transpileDependencies:[ 'webpack-dev-server/client',
    'element-ui', 'swiper'] // 这里面可以添加一些不兼容的组件 //配置所有不兼容文件，会增加打包项目大小 例如这三个
}
  }

是在不行的话，可以把引入的那个插件去掉。。俺就是配置了这个还是没解决就把插件去掉了