vue报错 TypeError Object(...) is not a function

最新推荐文章于 2024-05-03 21:53:44 发布
原创 最新推荐文章于 2024-05-03 21:53:44 发布 · 1.2w 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue.js #前端 #javascript
本文针对Vue项目中常见的TypeError: Object(...) is not a function错误进行了分析，并提供了具体的解决方法。通过对错误代码的对比，帮助初学者理解如何正确导入和使用JS文件。
因为项目的原因，最近一直在写前端，从一个小白接触前端，随手记录总结了一点东西，大佬勿喷。

相信大家在做vue项目的时候会遇到很多报错，这对刚入门的小白特别不友好，因为前端不像后端调试错误那么方便，许多小伙伴也是很头疼。
错误描述：

TypeError: Object(...) is not a function

在这里插入图片描述
这种问题常见的原因如下：
data中的数据和methods中的方法重名，解决办法：将名字修改即可。
在 这里 我会讨论另外一种错误：经过排查，发现原因是导入的JS文件没有用大括号接收，然后又把它当做方法调用了
错误代码如下：
在这里插入图片描述
正确代码如下：
在这里插入图片描述

vue3 - 解决报错 TypeError: (0 , import_node_util.parseArgs) is not a function（vue3新建项目时报错，vue3使用命令新建项目出错
✅ 精选推荐文章
05-16 3646
vue3，node.js，npm create vue，创建项目报错，无法创建项目，Vue.js - The Progressive JavaScript Framework，TypeError: (0 , import_node_util.parseArgs) is not a function，at init xx，vue报错解决，vue3如何新建项目，vue3新建项目一直失败怎么办，升级node.js还是不行，npm init vue@latest，node版本升级到什么，node版本18还是报错怎么
正确解决TypeError: xxx is not a function异常的有效解决方法
wbajsjhhhhh的博客
05-03 1万+
正确解决TypeError: xxx is not a function异常的有效解决方法
最新 Node 初始化 vue 项目报错（npm init vue@latest）以及配置淘宝镜像（cnpm）
一名全栈小白的博客
03-03 5583
最新 Node 初始化 vue 项目报错（npm init vue@latest）以及配置淘宝镜像（cnpm）
浏览器报TypeError: Object(...) is not a function的解决方法
sinat_40988345的博客
04-26 2万+
今天调试的时候浏览器报错——TypeError: Object(...) is not a function，通过检查代码发现没有问题，通过排查是vue-router的版本引用错误。 原因：因为自己使用的vue2.x，vue2.x不能使用4.x版本vue-router，因此导致上面的错误。4.x版本的vue-router只能在3.x版本的vue中使用。 解决办法：vue2.x不能使用4.x版本vue-router，因此卸载vue-router，然后安装3.x版本的vue-router。 操作如下：
解决 Vue 中报错：TypeError: Object(...) is not a function
☆往事随風☆的博客
07-27 2万+
解决 Vue 中报错：Object(...) is not a function
vue 报错，Uncaught TypeError:Object(...)is not a function
小森努力努力再努力i
03-02 3319
原因： vue-router版本过高，所以报错（当时时4.的版本） 解决： 降低版本。 法一：package.json中修改vue-router版本，然后再npm install下 法二: 在终端输入 npm install vue-router@3.2.0
vue搭建路由报错 TypeError: Object(...) is not a function
qq_40934617的博客
02-18 1941
vue搭建路由报错 TypeError: Object(…) is not a function vue-routerpackage.json文件中查看版本号过高， 将vue-router版本降低npm i vue-router@3.2.0就不会报错了
vue报错：TypeError: Object(...) is not a function
ToString的博客
07-19 4635
vue报错：TypeError: Object(...) is not a function
已解决 Bug: TypeError: Object(...) is not a function (React Hooks) 问题
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-24 2988
大家好，我是猫头虎博主。在前端开发的世界中，我们时常会遇到各种各样的 Bug。这些 Bug 不仅仅会影响我们代码的执行，而且会消耗我们大量的时间和精力去查找和修复。今天，我将和大家分享一个关于 React Hooks 中遇到的常见错误的解决方法。通过本文，你将了解到这个错误的原因，解决方法，以及如何避免在未来的开发中再次遇到类似的问题。通过深入分析，我们了解了错误的原因，找到了解决方法，并探讨了如何避免在未来遇到类似的问题。
Uncaught (in promise) TypeError: Object(...) is not a function
恩琪
07-14 1万+
Uncaught (in promise) TypeError: Object(…) is not a function 这个问题今天出现两次了 还是记不住 啊啊啊啊 笨死了 所以来写下 是什么原因导致这个错的呢？ import findHomeAll from ‘…/…/…/api/method’ 这里的导入api没有{} 花括号 添加上就ok了 ...
创建vue3 报错 TypeError: (0 , import_node_util.parseArgs) is not a function
qewra的博客
03-22 6911
当前版本为node-v17.9.1，不管是使用pnpm还是npm创建vue3项目，都会报 TypeError: (0 , import_node_util.parseArgs) is not a function ，通过升级node版本可解决（降版本还没试过），升级后是 18.19.1版本，之后在执行不会在报错。
【bug记录】Uncaught (in promise) TypeError: Object(...) is not a function
x781054643的博客
06-08 2289
vue.js中请求数据，渲染页面时调试台打印出：Uncaught (in promise) TypeError: Object(...) is not a function
解决：Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_util.parseArgs)的报错问题
xiaodaidaiPromax_2024
04-10 5743
（每次在创建vue项目或者使用npm的时候，有些莫名其妙的报错，很多时候都是因为nodejs版本不对导致的。）的缩写，是一个命令行工具，用于管理和切换到不同版本的 Node.js。安装 Node 的长期支持（LTS）版本更好，因为它的 bug 更少。NVM 是 Node Version Manager（Node。要安装特定版本的 Node，你需要先运行。修改nodejs版本后，就不会报错了。，以便查看可用的 Node 版本。要安装该特定版本，请运行。
猫头虎分享已解决Bug || TypeError: Object(...) is not a function (React Hooks)
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
02-26 2161
嗨，前端小伙伴们，猫头虎博主来帮你解决困扰已久的Bug啦！今天我们要聚焦的是在React应用中常见的一个问题：“TypeError: Object(…) is not a function”。这个Bug常出现在使用React Hooks时。在这篇博客里，我会用充满猫头虎特色的语气，详细解释这个Bug的原因、如何一步步解决它，以及未来的趋势。准备好和我一起深入前端的世界了吗？让我们开始吧！确保自定义Hook是一个函数。检查Hook的使用是否遵循了Hooks的规则。问题类型常见原因解决方法。
Uncaught TypeError Object(...) is not a function at resetStoreState (vuex.esm-browser.js55021
emgexgb_sef的博客
03-11 3396
目录 原因：Vue 2.x和Vuex 4.x版本不对应 同样的问题也会出现在vue-router等依赖包上 问题 控制台报错 vuex源码报错 google浏览器源代码 ?VSCode 解决 补充：运行Vue项目 原因：Vue 2.x和Vuex 4.x版本不对应 Vue 3 匹配Vuex 4 ，Vue 2 匹配Vuex 3 Vuex 是什么？ | Vuex[这里是图片001]https://vuex.vuejs.org/zh/ 问题 控制台报错 Uncaught TypeError: Object(…)
vue3创建项目报错Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_ut
南北极之间
03-29 3785
报错信息：报错截图：修改nodejs版本后，就不会报错了。（每次在创建vue项目或者使用npm的时候，有些莫名其妙的报错，很多时候都是因为nodejs版本不对导致的。）
vue 报错 Object(...) is not a function
热门推荐
Zheng_xinle的博客
08-30 5万+
解决 vue 报错 Object(…) is not a function 在做vue项目的时候 报错TypeError: Object(...) is not a function 找了半天找到了问题所在： 报错描述： 报错原因： 1、data中的数据和methods中的方法重名，解决办法：将名字修改即可 2、引入axios方法时如果没有加双括号{ }也会出现这种错误 错误代码： 正确代码 ： ......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值