在添加了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 = PromiseVue.prototype.$http = axiosVue.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' 这一行移到最上面