這篇文章主要介紹ue.js使用Swiper.js在iOS<11時出現錯誤,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

前言
swiper這是一個很強大的輪播展示工具,但往往也會有一些未知BUG,尤其是在手機端,由于性能局限,會導致效果和PC測試的時候有完全不一樣的效果
在H5項目中,需要用到翻頁效果,通過 Swiper 來實現,安裝 Swiper
npm i swiper -S
但是實際使用中,發(fā)現低版本 iOS < 11 會出現下面這個錯誤:
SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode.
原因
Swiper.js 這個 npm 包里面還使用了 dom7 和 ssr-window,所以需要對這兩個插件進行 Babel 轉 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時出現錯誤”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
分享文章:ue.js使用Swiper.js在iOS<11時出現錯誤-創(chuàng)新互聯(lián)
網頁網址:http://www.js-pz168.com/article32/cojjsc.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站內鏈、ChatGPT、網站收錄、App開發(fā)、品牌網站制作、網頁設計公司
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)