首頁(yè) 猿問(wèn) vue中采用import方式引入s...

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

JavaScript

ibeautiful 2019-01-30 17:40:37

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

查看完整描述

1 回答

Cats萌萌

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

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

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