在添加了babel-polyfill后 用脚手架搭建的vue的pc端项目在ie11上仍显示一片空白？

Question

自己按官网用脚手架搭建了一个vue的pc端项目，在添加了babel-polyfill并进行了相关配置后 在ie11上仍显示一片空白，在chrome上显示正常，控制台也不报错，vue不支持ie8.0以下的版本，但为什么ie11还是显示一片空白？希望知道的大神帮看一下，谢谢

main.js的代码如下：

import Vue from 'vue'

import App from './App.vue'

import ElementUI from 'element-ui'

import axios from 'axios'

import VueRouter from 'vue-router'

import router from './js/router.js'

import 'babel-polyfill'

import 'element-ui/lib/theme-chalk/index.css'

window.Promise = Promise

Vue.prototype.$http = axios

Vue.use(ElementUI)

Vue.use(VueRouter)

new Vue({

  el: '#app',

  render: h => h(App),

  router

})

webpack的配置如下

module.exports = {

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

  output: {

    path: path.resolve(__dirname, './dist'),

    publicPath: '/dist/',

    filename: 'build.js'

  },

Answer 1

这个问题我也找了好久，这是因为"webpack-dev-server"版本更新后引入新模块的缘故，在 webpack.base.conf.js中，配置babel-loadel。{  test: /\.js$/,  loader: 'babel-loader',  include: [resolve('src'), resolve('test'), resolve('/node_modules\/webpack-dev-server/')]}build之后能打开就说明编译后的代码是没问题的，问题出在开发环境，也就是dev的环境中

Answer 2

ie控制台会有报错提示的你不妨看下，我建议把import 'babel-polyfill' 这一行移到最上面