Vue3.x 报 Uncaught TypeErrorObject(...) is not a function( Vue3对象不是函数解决思路)

最新推荐文章于 2024-09-29 15:44:44 发布
最新推荐文章于 2024-09-29 15:44:44 发布
阅读量987 收藏
点赞数
分类专栏： 前端 html 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67391377/article/details/123370303
版权
前端 同时被 2 个专栏收录
23 篇文章 3 订阅
订阅专栏
html
23 篇文章 0 订阅
订阅专栏
作者分享了在Vue3项目中遭遇UncaughtTypeError错误的解决过程，发现是由于版本不匹配导致的。升级到最新router版本4.0.8后问题消失，提醒开发者遇到此类问题时要考虑版本更新并重新安装依赖。
摘要由CSDN通过智能技术生成

今天在vue3的练习时候发现我写的路由总是浏览器报错，仔细校验文档发现并没有错误啊，可总是报Uncaught TypeError:Object(…) is not a function的错误，看下图：

网上针对这个错误的解释都是重名啊、大小写错误啥的。很显然对于我这种老鸟（菜鸡）是不可能犯这种错误的。经过一顿折腾竟然是版本问题。。。。。。。。。。。

我查看了路由的版本号，3.5.1并不是最新的，理论上讲应该问题不大，但是还是抱着试一试的心态把vue相关的都升级了一遍，再次编译，竟然没有这个问题了。真不知道这是eslint的问题还是vscode的问题，还是版本的问题。

升级后的router路由版本号。4.0.8

总之，遇到 Uncaught TypeError:Object(…) is not a function这个问题的时候除了要查一下细节之外，如果版本不是最新的，尽量尝试下升级，并重新安装node包试一试。最后希望如果有知道原因的大佬评论留言，十分感谢！！！

嗯嗯嗯吧
关注
专栏目录
vue3 - element-plus报错TypeError:t.upload.addEventListener is not a function，vue+element组件库控制台报错详细解决教程
高级前端工程师
07-09 2337
vue3，nuxt3，element-Plus，upload，上传组件，上传文件报错，本地开发没问题，部署打包上线就会报错，这个问题如何解决，还是一直报错，el-upload上传报错，vue3项目使用element上传组件 打包后报错t.upload.addEventListener is not a function的解决方案，VUE3上传功能本地上传正常，打包上传后报错，打包后报错t.upload.addEv，vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEve
Vue3中出现 Uncaught (in promise) TypeError: data.includes is not a function 解决方法
码农研究僧的博客
06-17 2036
Uncaught (in promise) TypeError: data.includes is not a function at Object.updateCurrentRowData (current.ts:40:15) at Object.setData (index.ts:35:22) at Object.commit (index.ts:168:24) at watch.immediate (style-helper.ts:49:17)
【解决】控制台报错Uncaught TypeError: Object(...) is not a function at eval (vue-router.esm-bundler.js
weixin_44541213的博客
04-01 6055
打开http://localhost:8080/，控制台报错 Uncaught TypeError: Object(...) is not a function at eval (vue-router.esm-bundler.js?f2fc:2127:1) at Object../node_modules/vue-router/dist/vue-router.esm-bundler.js (app.js:2218:1) at __webpack_require__ (app.js:
Vue3项目中导入Element Plus出现TypeError: AutoImport is not a function
2301_79432927的博客
09-29 347
在element-plus官方给出Webpack配置文件为在vue.config.js文件中配置完后npm run serve出现报错找到 Vue CLI官方文档查询发现正确配置应该为即我们需要将我们的配置文件改为但一运行发现出现了下面报错AutoImport没有被找到，没办法，再重新安装一遍运行结果还是报上面的错，行吧，一般出现这种情况那肯定是版本出现问题了，大概率是因为版本太新，那就回退版本。
Vue3.x 报 Uncaught TypeError:Object(...) is not a function( Vue3对象不是函数解决思路)
热门推荐
韦_恩的博客
05-17 1万+
今天在vue3的练习时候发现我写的路由总是浏览器报错，仔细校验文档发现并没有错误啊，可总是报Uncaught TypeError:Object(...) is not a function的错误，看下图： 网上针对这个错误的解释都是重名啊、大小写错误啥的。很显然对于我这种老鸟（菜鸡）是不可能犯这种错误的。经过一顿折腾竟然是版本问题。。。。。。。。。。。 我查看了路由的版本号，3.5.1并不是最新的，理论上讲应该问题不大，但是还是抱着试一试的心态把vue相关的都升级了一遍，再次编译，竟然没有这个问题了。真
解决 Vue 中报错：TypeError: Object(...) is not a function
☆往事随風☆的博客
07-27 1万+
解决 Vue 中报错：Object(...) is not a function
Uncaught TypeError: Object(...) is not a function
weixin_43794803的博客
04-12 2695
1.在写vue项目时碰到的一个报错 报错：Uncaught TypeError: Object(…) is not a function 原因：vuex版本有问题 解决方法：npm install vuex；重装最新版本的vuex;
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
Vue3 - 使用 Day.js 报错：xxx.isoWeek is not a function，使用 dayjs 的 isoWeek() 方法取周时，浏览器控制台报错（详细完美解决方案）
王佳斌
03-13 2951
vue3，dayjs，Day.js，isoWeek()，周，浏览器报错，dayjs/plugin/isoWeek，vue3 day.js报错Uncaught (in promise) TypeError: x.isoWeek is not a function，vue3如何解决该报错，vue3使用dayjs插件，使用isoWeek() 报错：isoWeek is not a function，day.js isoWeek is not a function，为什么会报错，day.js isoWeek 使用方
vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct
高级前端工程师
07-02 1528
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引入失败且页面
vue3 Uncaught TypeError: xxx is not a function
qq_43022682的博客
12-16 2945
vue3中单词写法错误
vue3：XXX is not a function
weixin_48877697的博客
10-26 1847
vue3：XXX is not a function
VueRouter报错：Uncaught TypeError Object(...) is not a function
m0_67394006的博客
03-09 2134
Uncaught TypeError: Object(…) is not a function 记录一下VueRouter报错及解决方式 这里是使用VueRouter以后控制台报错了 报错信息：Uncaught TypeError: Object(…) is not a function 经过反复尝试发现是vue-router版本过高，所以报错 在package.json文件中查看版本号，vue-router版本是4.0.12 只需要将vue-router版本降低就不会报错了 在终端输入 npm i v
Uncaught TypeError: isFunction is not a function vite vuedraggable
l962774231的专栏
05-31 667
【代码】Uncaught TypeError: isFunction is not a function vite vuedraggable。
【Vue3.0】报错 Object(...) is not a function，history: createWebHashHistory()
票票的博客
12-17 1404
引用hash模式运行项目报错，错误信息如下 import { createRouter, createWebHashHistory } from 'vue-router' import routes from './routes' const router = createRouter({ history: createWebHashHistory(), routes }) export default router 解决方法：升级 vue-router 版本 npm install vu
vue3 报错 Object(...) is not a function
zhangtw的博客
02-22 2683
vue3.x报错runtime-core.esm-bundler.js?5c40:218 Uncaught TypeError: Object(…) is not a function 原因 要加括号
vue3+setup 解决：this.$refs引用子组件报错 is not a function
可可的博客
11-08 5849
二、如果父组件引用的是index页面 请在 头部加上以下代码 （如果是form页面请忽略这一步）三、引用index页面的最后一定要加上这个两个 （form页面忽略此步骤，只看第一步）中以下四步都没问题的话，再看下面步骤。open 是作为弹出层必备。抛出意味着其他页面可以引用。
VUE3 TypeError: defineConfig is not a function
craftsman2020的博客
11-07 4052
原因：由于用vue-cli直接创建了vue 3的项目，而里面的生态并非都是最新版，vue.config.js中的代码如下，使用了vue 3的语法。，一直yes，即可解决。
Uncaught TypeError: Object(...) is not a function vue3报错 怎么解决
最新发布
10-26
"Uncaught TypeError: Object(...) is not a function" 这种错误通常发生在 Vue.js 3 中，当你试图调用一个预期应该是函数的对象，但实际上它并不是函数时。这可能是由于以下几个原因： 1. **组件注册**：确保你在注册组件时没有误将对象直接作为组件，而应该使用 `createApp` 函数创建一个实例并注册组件。 ```javascript // 错误示例： const MyComponent = { ... }; app.component('my-component', MyComponent); // 应该是 app.component('my-component', () => MyComponent); ``` 2. **异步导入**：如果某个依赖是通过 async 导入的，并且你需要在组件挂载前使用它，确保你在 `setup()` 或 `created()` 钩子中正确处理了 Promise。 ```javascript // 错误示例： import MyFunction from './myFunction.vue'; // 使用 await 或者 .then 解包后再使用 ``` 3. **使用未导出的函数**：确保你使用的函数是从其他文件正确导出的，或者在当前文件内部使用。 4. **库或插件初始化**：某些库或插件可能需要在 Vue 实例化之前正确配置，检查是否有此类问题。 5. **Vue版本问题**：确认使用的 Vue 版本是否与你的代码兼容。 解决这类问题的关键是定位代码中的异常源，并针对性地修复。如果你能提供具体的代码片段，我可以帮助你更准确地诊断。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值