vue中 Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_0__assets_swiper_js__.default is not a constructor"

個人小站點：https://sundjly.github.io/

在vue的項目中出現了以下錯誤：

Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_0__assets_swiper_js__.default is not a constructor"

TypeError: __WEBPACK_IMPORTED_MODULE_0__assets_swiper_js__.default is not a constructor

根據檢查發現是引入swiper.js導致的問題，導致swiper解析錯誤（放在了文件src中）

 

解決方法，是把靜態的文件放在static的文件夾下面，即

import Swiper from '../../static/swiper.js'
import '../assets/css/swiper.css'
console.log(Swiper)
export default {}

這樣就能打印到結果。分析，swiper.js是不需要經過webpack編譯的，不能放在src路徑下