Vue-ElementUi-admin兼容IE问题

解决方法

第一步： 安装 babel-polyfill, 'eventsource-polyfill', 'event-source-polyfill' 。 babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法.

npm install --save babel-polyfill

第二步： 在 Webpack/Browserify/Node中使用

在webpack.config.js文件中，使用

module.exports = {
  entry: {
    app: ['eventsource-polyfill', 'event-source-polyfill', "babel-polyfill", "./src/main.js"]
  }
};

替换

module.exports = {
  entry: {
    app:  './src/main.js'
  }
}

image.png

第三步：添加elementUI解析

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
                    resolve('src'), 
                    resolve('test'),
                    resolve('./node_modules/element-ui/src'),
                    resolve('./node_modules/element-ui/packages'),
                    resolve('./node_modules/[email protected]@element-ui/src'),
                    resolve('./node_modules/[email protected]@element-ui/packages')
                
                ]
      },

image.png

参考文档：

1：使用ES6的浏览器兼容性问题。 https://segmentfault.com/a/1190000005128101
2： vuex requires a Promise polyfill in this browser http://www.jianshu.com/p/3e3b171179f8