vue项目兼容ie浏览器的问题：在其他浏览器显示都是正常的，在ie11下显示空白

Question

各位大神帮忙看看，为什么ie11下显示空白，也没有报错！！

我的配置如下：
webpack.base.conf.js中添加了babel-polyfill：
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app:["babel-polyfill", './src/main.js']
},
main.js下导入了babel-polyfill：import 'babel-polyfill'
.babelrc文件的配置为：

{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
["es2015", {
"modules": false
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime",
["import", {
"libraryName": "iview",
"libraryDirectory": "src/components"
}]
],
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dyna mic-import-node"]
}
}
}

Answer 1

安装babel-polyfill
npm install babel-polyfill --save-dev

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

在重新启动就行

Answer 2

大佬，重启了也不好使

Answer 3

楼主解决了吗 我的也一样 babel-polyfill 也安装了

Answer 4

按照安装 "babel-polyfill" 的方法如果还未能解决 可以试着把对应的插件去掉,页面去掉,就会出来,因为按照网上那千篇一律的说法的确好使,唯一的问题就是控件不行

Answer 5

解决方式：安装 "babel-polyfill" 即可。

命令：cnpm install --save-dev babel-polyfill    //我用的是淘宝镜像，所以是cnpm，如果你没有安装使用npm 即可。

在入口main.js文件引入：import 'babel-polyfill'

最后一步，在build文件夹下找到webpack.base.conf.js.

将第10行的内容替换一下即可。

把上图中的1替换成2即可，懒得动手就复制吧。

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