vue2.0的一次IE11兼容问题记录

vue2.0的一次IE11兼容问题记录

问题描述:
1.项目刚开始的时候IE查看没有什么问题。
2.随着项目的不断扩大,使用的第三方组件等工具方法不断增加。忽然的就发现,打包后的项目无法在IE11上正常查看了。而且最要命的就是客户的seo无法实现,必须要在ie上能打开。
下面就是解决的过程:
1.使用本地dev在ie上正常显示,build后的包到环境上页面无法打开,连路由都跳转不过去。
2.没办法,只能F12查看报错信息。坑爹的IE页面有问题,F12都打开的非常艰难,试了半天才能看到报错信息:
DOM7011: 此页上的代码禁用了反向和正向缓存
HTML1300:进行了导航
app.js 各种语法错误
3.网上查看了各种信息,项目之前就引入了babel-polyfill组件,通过网上和代码的实际情况分析,觉得还是ie无法兼容当前的js,所以重点分析了babel-loader这个东东,测试了很多网上的方法,最终能正常显示,又测试了下把一些认为无效的内容删除在测试,最终修改了两个文件的内容。
.babelrc文件修改为以下内容。
{
“presets”: [
[“env”, {
“useBuiltIns”: “entry”,
“targets”: {
“browsers”: ["> 1%", “last 2 versions”, “not ie <= 8”]
}
}],
“stage-2”
],
“plugins”: [“transform-vue-jsx”, “transform-runtime”],
“env”: {

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值