首頁猿問 vue中采用import方式引入s...

vue中采用import方式引入swiper4，在華為手機(jī)上顯示找不到文件的問題

JavaScript

ibeautiful 2019-01-30 17:40:37

通過npm安裝swiper后在.vue文件中import，pc端和微信端打開都是正常的，但是跑到華為手機(jī)原生瀏覽器的時候發(fā)現(xiàn)頁面空白了，注釋掉import swiper的語句后頁面又正常出來，后來采用cdn的方式引入，同時配置webpack的external，在華為原生瀏覽器上顯示正常了，想問下是什么原因？系統(tǒng)版本MEUI4.0.2安卓版本6.0swiper^4.4.6

查看完整描述

1 回答

Cats萌萌

TA貢獻(xiàn)1805條經(jīng)驗獲得超9個贊

經(jīng)過測試發(fā)現(xiàn)，之前.vue文件中引用swiper是使用import Swiper from 'swiper';然后實際引用的是node_module/swiper/dist/js/swiper.esm.bundle.js,在華為瀏覽器上就報了Use of const in strict mode.的錯誤，造成這個錯誤的原因暫時不清楚，目前修復(fù)的方式我知道的有兩種：
一、修改引入swiper的語句，不要寫成import Swiper from 'swiper';改成import Swiper from 'swiper/dist/js/swiper.js';
二、使用cdn的方式引入swiper，因為我做的wap第一頁就存在輪播，所以最后我是用了用cdn的方式引入，一來省去打包，二來可以依靠cdn緩存加快下次加載，采用cdn方式引入后需要配置下webpack的external

反對回復(fù) 2019-01-30