在添加了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模式来搭建脚手架，npm run build之后可以在ie11中打开并显示，不用配置babel-polyfill之类的，element-ui也能正常加载，但具体为什么可以我也不知道

Answer 2

这个问题我也找了好久，这是因为"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 3

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

Answer 4

我也遇到这个问题了，我的只是简单的脚手架搭建，elementui都没加载，就出错，报错app.js语法错误，你要解决了，告诉我一下，谢谢

Answer 5

内个，你报什么错，你得贴上来吧