vue中 Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_0__assets_swiper_js__.default is n...

转载于 2017-12-16 16:42:00 发布 · 8.4k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sundjly/p/8046966.html

文章标签：

#javascript #webpack #ViewUI

本文介绍了解决Vue项目中Swiper组件导入时出现TypeError的具体步骤。通过将Swiper.js放置在static文件夹下并调整引入方式，避免了Webpack编译导致的问题。

个人小站点：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路径下

转载于:https://www.cnblogs.com/sundjly/p/8046966.html