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

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

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

安装 babel-polyfill

npm i  babel-polyfill  --save
1

vue.config.js

chainWebpack: config => { // ie兼容 
		config.entry('main').add('babel-polyfill') 
	},
1
2
3

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

cors

npm i cors
1

babel.config.js

 presets: [
    '@vue/cli-plugin-babel/preset',
		[
			'@babel/preset-env',
			{
				'useBuiltIns': 'entry',  //前面这些是vue-ant按需引入需要的配置
				'corejs':3
			}
		]
  ],
1
2
3
4
5
6
7
8
9
10

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

import 'core-js'

1
2

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

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