webpack使用vue-moment-libs 在PC微信浏览器下显示空白

在chrome或者手机端,web应用显示正常,但在PC微信端不能显示,空白的。

 

通过测试IE9版本,也是显示空白的。

 

网络上说是PC微信浏览器不支持语法糖 ()=>{}  但是我看我这边是因为我使用了vue-moment-lib组件,这个组件生成的错误语句如下图

 

 

 

这个时候ES6的语法,IE9不支持,PC端也应该是IE9的内核。

最终解决:后来我是因为把moment改为了dayjs,所以解决了问题。

 

说说我是怎么定位到vue-moment-lib组件的锅的。

 

在IE中显示的错误是

点击保存的那行,定位到下图

 

【图3】

然后用chrome打开应用。

在source面板中找到Vendor.main.js文件。

点击图三的行数,因为chrome支持source-map,所以会调到源码的文件中,这样就可以看到是什么组件了。

 

另外

使用webpack babel-loade rule 指定include,包含这个组件的路径,应该是可以实现babel再次转换的(因为vue-moment-lib没有用babel生成好兼容dist代码,那就我们自己再次加工咯)

但是我没有用到正确的姿势,没能再次babel编译已编译的代码,下次有机还再研究。 我是想要不就去github迭代一个版本,添加上兼容。

 

转载于:https://www.cnblogs.com/saving/p/10798014.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值