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

各位大神帮忙看看,为什么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"]
}
}
}



5个回答

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

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

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

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

图片说明
将第10行的内容替换一下即可。

<br>
图片说明
把上图中的1替换成2即可,懒得动手就复制吧。

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

qq_38623459
95年大叔 回复qq_41187568: 那你应该会报错
9 个月之前 回复
qq_41187568
qq_41187568 我也是这么配置的,一部分显示出来了,一部分还是空白的
11 个月之前 回复
weixin_43855914
一个人儿 回复Beamon__: 有解决了吗?
大约一年之前 回复
weixin_43855914
一个人儿 回复岁月抹平了我的小脾气: 有解决了吗?
大约一年之前 回复
weixin_43855914
一个人儿 回复qq_15076441: 有解决了么?
大约一年之前 回复
qq_15076441
qq_15076441 回复岁月抹平了我的小脾气: 题主,我遇到了相同的问题,最后解决了吗,如何做呢?
一年多之前 回复
Beamon__
Beamon__ 回复u010603891: 我遇到了相同的问题,不知道老哥解决了么?如何做的
一年多之前 回复
u010603891
岁月抹平了我的小脾气 我就是这么配置的,可是还是不兼容ie
接近 2 年之前 回复

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

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

在重新启动就行

大佬,重启了也不好使

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

vipsongtaohong
vip.khan 回复琉鲂ペ佰世° 嘻嘻: 解决了 是安装的其他插件的语法没能转过来 你把你的插件检查一下
大约一年之前 回复
weixin_43855914
一个人儿 回复weixin_43120345:你有解决这个问题了吗?
大约一年之前 回复
weixin_43855914
一个人儿 回复vip.khan: 那这种情况要如何解决啊! 能告知下吗?谢谢!
大约一年之前 回复
vipsongtaohong
vip.khan 回复weixin_43120345: 解决了 按照安装 "babel-polyfill" 的方法如果还未能解决 看看项目中使用的插件和框架 多半是那些框架的语法没能转换成es5
大约一年之前 回复
weixin_43120345
weixin_43120345 解决这个问题了吗?求解方法
大约一年之前 回复

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问