vue-ant-design 在ie的兼容问题

一开始没有注意ie的兼容,在谷歌中一切都很正常.
但是
才发现,当我在ie中运行的时候,界面直接白板了,而且是ie 11. 还不是低版本,都已经行不通了
一直报错, 有set的错误 ,也有SecurityError错误
忘记截图了,因为项目已经做了配置就暂不添加截图,下个项目再把截图补上

于是我查了很久,很多文章显示使用 babel-polyfill 可以
所以我安装了,此时ie11可以显示了,ie10和下面的版本一样都是白板,出现 set 的错误

安装 babel-polyfill
npm i  babel-polyfill  --save
vue.config.js
chainWebpack: config => { // ie兼容 
		config.entry('main').add('babel-polyfill') 
	},

此时ie11可以显示,也能正常点击,就是还有bug
ie10及以下还是白板,于是我又安装了

cors
npm i cors

babel.config.js

 presets: [
    '@vue/cli-plugin-babel/preset',
		[
			'@babel/preset-env',
			{
				'useBuiltIns': 'entry',  //前面这些是vue-ant按需引入需要的配置
				'corejs':3
			}
		]
  ],

然后我的main.js中只在头部添加了这个

import 'core-js'

就这样ie9都能显示出来了.但是ie9样式都无效了.这个问题还需要转换一下,
es6转换es5
css3的样式不生效得想办法变成css样式

目前就写到这里,后期有改进的,再进行修改

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值