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中只在头部添加了这个

就这样ie9都能显示出来了.但是ie9样式都无效了.这个问题还需要转换一下,

es6转换es5

css3的样式不生效得想办法变成css样式

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