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

Question

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

Answer 1

可能是代码编译的问题，引入 eruda 这个调试工具，在华为手机上看看是不是报什么错了。

Answer 2

经过测试发现，之前.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