您好,登錄后才能下訂單哦!
這篇文章主要介紹ue.js使用Swiper.js在iOS<11時出現(xiàn)錯誤,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
前言
swiper這是一個很強大的輪播展示工具,但往往也會有一些未知BUG,尤其是在手機端,由于性能局限,會導致效果和PC測試的時候有完全不一樣的效果
在H5項目中,需要用到翻頁效果,通過 Swiper 來實現(xiàn),安裝 Swiper
npm i swiper -S
但是實際使用中,發(fā)現(xiàn)低版本 iOS < 11 會出現(xiàn)下面這個錯誤:
SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode.
原因
Swiper.js 這個 npm 包里面還使用了 dom7
和 ssr-window
,所以需要對這兩個插件進行 Babel 轉(zhuǎn) ES5
解決方案
Vue CLI 2.x 下,在 build/webpack.base.config.js 文件中修改
// ... modules: { rules: [ // ... { test: /\.js$/, loader: 'babel-loader', include: [ resolve('src'), resolve('test'), resolve('node_modules/swiper/dist/js/'), resolve('node_modules/webpack-dev-server/client'), // 新增 resolve('node_modules/swiper'), resolve('node_modules/dom7'), resolve('node_modules/ssr-window') ] }, // ... ] } // ...
Vue CLI 3.x 下
在 vue.config.js 中增加 transpileDependencies 配置
module.exports = { transpileDependencies: [ "swiper", "dom7", "ssr-window" ] }
以上是“ue.js使用Swiper.js在iOS<11時出現(xiàn)錯誤”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。