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

最新推荐文章于 2024-08-15 14:36:39 发布

会做饭的技术男

最新推荐文章于 2024-08-15 14:36:39 发布

阅读量1.4w

点赞数

分类专栏：前端文章标签：前端学习

原文链接：https://www.mk2048.com/blog/blog.php?id=h1ba01cbaj2j&title=vue%E4%B8%AD+Error+in+mounted+hook%3A+%22TypeError%3A+__WEBPACK_IMPORTED_MODULE_0__assets_swiper_js__.default

版权

前端专栏收录该内容

2507 篇文章 12 订阅

订阅专栏

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

会做饭的技术男

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct

高级前端工程师

07-02

1380

vue2，vue3，router，路由，报错，vue-router，vue报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function，解决vue错误，vue3 router报错Uncaught TypeError，如何解决这个报错，vue报错，vue运行报错，vue编译，vue项目启动时报错，页面白屏，解决vue引入模块时的报错，vue路由报错，vue-router引入失败且页面

vue - marked 解析插件报错：marked__WEBPACK_IMPORTED_MODULE_5___default(...) is not a function（完美解决marked报错）

高级前端工程师

12-18

4526

vue，marked，marked插件报错，markdown解析插件，vue项目，vue网页网站报错，浏览器控制台报错，import marked from 'marked'引入报错，如何解决marked插件报错，vue使用marked解析markdown文件文档内容时报错，TypeError: marked__WEBPACK_IMPORTED_MODULE_5___default(...) is not a function，vue怎么解决marked引入报错，vue3报错解决办法，详细解决方案，Vue

参与评论您还未登录，请先登录后发表或查看评论

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

weixin_30655219的博客

12-16

8302

个人小站点：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_MODU...

Vue常见错误---Error in mounted hook

tang

04-11

2万+

Error in mounted hook

react-leaflet 库使用时，webpack 编译报【HookWebpackError: Cannot find module ‘images/layers.png‘】

热门推荐

郭宝的博客

06-24

11万+

错误场景一：错误提示：在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...

TypeError: vuex__WEBPACK_IMPORTED_MODULE_2__.default.use is not a function

m0_51195433的博客

10-22

1439

使用vuex容器，在组件中使用 $store.state.count 时，出现报错

使用vue 提示 error in mounted hook: TypeError: invalid src type

酸奶不够酸的博客

11-24

2978

记一次使用vue出现的问题，页面控制台提示，error in mounted hook: TypeError: invalid src type 原因是因为mounted 挂载了没使用的方法，删掉即可。 <template> <button v-on:click ="add()">add</button> <button v-on:click ="edit()">edit</button> </template> <scri

[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'coordinateS

Y_Cfeng的博客

10-15

1649

vue项目中出现问题： [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘coordinateSystem’ of undefined”，为什么会这样？？？？

解决react报错 TypeError:_WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function

Ahuiyo的博客

12-05

1万+

react引用react-redux运行时出现下列报错： TypeError:_WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function 具体如图：原因有两种：与安装的React版本有关。它仅在React版本 > 16.3中可用 react-redux版本更新到6.0以上，版本过高这...

echarts报错：Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“

“山水一程”博客

03-14

1万+

echarts， Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"

Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.default) is not a function

ITjdbdjdjd的博客

10-20

6889

未捕获的类型错误：（0 ， vue__WEBPACK_IMPORTED_MODULE_0__.default）不是一个函数。

想在Vue中使用高德地图的宝子们这边看过来

qq_44182543的博客

10-08

450

【代码】想在Vue中使用高德地图的宝子们这边看过来。

[Vue warn]: Error in mounted hook: “TypeError: handler.call is not a function“ 解决

国企程序媛 record 前端技术 & review code。。。

08-13

2439

出现这个报错是你组件里面定义了空的钩子函数，没有在里面写代码，把这个空的钩子函数删掉就可以

报错[Vue warn]: Error in mounted hook: "TypeError: three__WEBPACK_IMPORTED_MODULE_0__.OBJLoader is not a constructor"

07-16

这个错误的原因是你在使用OBJLoader时出现了问题。可能是因为你没有正确引入OBJLoader或者版本不兼容的原因。请确保你已经正确引入了OBJLoader，并且版本与你的Three.js版本兼容。在最新版本的Three.js中，OBJLoader已经不再作为构造函数。你需要使用OBJLoader的`load`方法来加载模型。以下是一种正确的加载OBJ模型的方法： ```javascript import * as THREE from 'three'; import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'; // 创建场景、相机和渲染器 var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); var renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); // 创建OBJ加载器 var objLoader = new OBJLoader(); // 使用OBJ加载器加载OBJ文件，并将其添加到场景中 objLoader.load('path/to/model.obj', function (object) { scene.add(object); }); // 设置相机位置，并创建渲染循环以更新场景 camera.position.z = 5; function animate() { requestAnimationFrame(animate); renderer.render(scene, camera); } animate(); ``` 确保你已经正确引入了OBJLoader，并且路径指向了正确的OBJ模型文件。如果仍然出现错误，请检查你的Three.js和OBJLoader版本是否兼容，并尝试更新或降级相应的库版本。