最近项目终于接近尾声,在给甲方交付的时候对方提到了,要在ie浏览器上访问网页。前期项目没有考虑过这个问题,在ie下面打开后一片空白,发现缺少babel-polyfill这个插件。
首先安装插件
npm install babel-polyfill --save
在main.js中引入babel-polyfill
import 'babel-polyfill';
尽可能在开头的地方引用--很重要。
在webpack.base.conf.js中修改entry
app:['babel-polyfill','./src/main.js']
按照这个方法,大多数项目基本上就可以在IE中打开了,然而也有少数项目不能成功。很不幸我就是那个少数中的一员,之后我尝试了基本上能在网上找到的大多数方法,都没有成功。IE不兼容的根本问题应该就是对于es6的语法不支持(我个人理解,不对的地方希望大佬指正,谢谢!),不能正常显示的原因可能就是因为某个插件的写法没有被转换过来。下面介绍一下我的解决方法。
解决方法
不停的尝试大法,引用的地方主要都在main.js中,对其中引用的插件一个一个注释,然后查看ie浏览器中的变化,功夫不负有心人,终于被我找到了错误的地方,把这个插件注释掉,就可以正常在ie中打开了。后面再重新处理这个插件的问题。这个是个万不得已的办法,希望大家能找到更好的处理办法。