猿问

vue中采用import方式引入swiper4,在华为手机上显示找不到文件的问题

通过npm安装swiper后在.vue文件中import,pc端和微信端打开都是正常的,但是跑到华为手机原生浏览器的时候发现页面空白了,注释掉import swiper的语句后页面又正常出来,后来采用cdn的方式引入,同时配置webpack的external,在华为原生浏览器上显示正常了,想问下是什么原因?
系统版本MEUI4.0.2
安卓版本6.0
swiper^4.4.6

ibeautiful
浏览 642回答 1
1回答

Cats萌萌

经过测试发现,之前.vue文件中引用swiper是使用import Swiper from 'swiper';然后实际引用的是node_module/swiper/dist/js/swiper.esm.bundle.js,在华为浏览器上就报了Use of const in strict mode.的错误,造成这个错误的原因暂时不清楚,目前修复的方式我知道的有两种:一、修改引入swiper的语句,不要写成import Swiper from 'swiper';改成import Swiper from 'swiper/dist/js/swiper.js';二、使用cdn的方式引入swiper,因为我做的wap第一页就存在轮播,所以最后我是用了用cdn的方式引入,一来省去打包,二来可以依靠cdn缓存加快下次加载,采用cdn方式引入后需要配置下webpack的external
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答