浏览器报TypeError: Object(...) is not a function的解决方法

最新推荐文章于 2024-03-22 10:14:45 发布
最新推荐文章于 2024-03-22 10:14:45 发布
阅读量2w 收藏 4
点赞数 3
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_40988345/article/details/124437510
版权

今天调试的时候浏览器报错——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。

操作如下：

1、卸载vue-router

         npm uninstall vue-router

2、安装3.x版本的vue-router     

        npm install --save vue-router@3

葱葱cong
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
fromentries：object.fromEntries（）ponyfill（6行）
02-05
Object.fromEntries（）ponyfill（6行） 安装 npm install fromentries 为什么要这个包？ 现有的软件包（如 ） 了一堆依赖关系，并增加了超过8 KB的浏览器捆绑包大小。 这样一来，他们就可以在IE6等ES3环境中工作，...
控制台报错object is not a function的解决方法
12-02
今天反馈过来一个BUG，说一个页面的功能用不了。打开控制台发现报错：object is not a function。 感觉很奇怪，这块的功能最新没动过怎么会突然出问题了呢？上线时主流浏览器都测试过了呀。 虽然奇怪，但是还的解决问题。看着代码发现一个radio对象的name属性和一个function name重名了。代码如下： <body> <input type="radio" name="test" onclick="test();"/> <br> <form action=""> <input type="radio" name="test" onclick="test();"/>
解决 Vue 中报错：TypeError: Object(...) is not a function
☆往事随風☆的博客
07-27 1万+
解决 Vue 中报错：Object(...) is not a function
创建vue3 报错 TypeError: (0 , import_node_util.parseArgs) is not a function
最新发布
qewra的博客
03-22 2270
当前版本为node-v17.9.1，不管是使用pnpm还是npm创建vue3项目，都会报 TypeError: (0 , import_node_util.parseArgs) is not a function ，通过升级node版本可解决（降版本还没试过），升级后是 18.19.1版本，之后在执行不会在报错。
vue 报错 Object(...) is not a function
H_ZMY的博客
10-19 1131
解决 vue 报错 Object(…) is not a function
vue报错：TypeError: Object(...) is not a function
m0_54630400的博客
03-07 2048
目录 1、错误描述： 2、错误解析： 3、解决方法： 1、错误描述： 2、错误解析： 查看报错所在位置在仓库的index.js，错误地点代码为： export default new Vuex.Store({ modules: { user } }) 这里的vue、vuex、小仓库user都引入了，于是想到了vuex版本问题，我这里的vuex版本是4.0.2， 版本过高，所以报错。 3、解决方法： 将vuex版本降低为3.6.2，就不会报错了。
微信小程序报错：this.setData is not a function的解决办法
08-29
主要介绍了微信小程序报错：this.setData is not a function的解决办法的相关资料,希望通过本文能帮助到大家解决这样类似的问题，需要的朋友可以参考下
vue报错 TypeError Object(...) is not a function
热门推荐
sm923的博客
07-02 1万+
TypeError: Object(...) is not a function
已解决 Bug: TypeError: Object(...) is not a function (React Hooks) 问题
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-24 1894
大家好，我是猫头虎博主。在前端开发的世界中，我们时常会遇到各种各样的 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了 ...
【bug记录】Uncaught (in promise) TypeError: Object(...) is not a function
x781054643的博客
06-08 1905
vue.js中请求数据，渲染页面时调试台打印出：Uncaught (in promise) TypeError: Object(...) is not a function
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。
TypeError: notify.sendNotifybyWxPucher is not a function!
10-24
TypeError: notify.sendNotifybyWxPucher is not a function!
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx.getBackgroundAudioManager，wx.saveVideoToPhotosAlbum等。   这些API有个共同点儿：并非小程序基本库1.0.0就支持，都是后续某个基础库版本才开始支持。 (此图片来源于网络，如有侵权，请联系删除! )   有些同学已经在小程序后台，设置了基础库的最低支持版本，依然会
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
TypeError: _queue_reduction(): incompatible function arguments.
01-20
使用pytorch的DDP分布式训练的时候遇到错误： TypeError: _queue_reduction(): incompatible function arguments. The following argument types are supported: 1. (process_group: torch.distributed.ProcessGroup, grads_batch: List[List[at::Tensor]], devices: List[int]) -> Tuple[torch.distributed.Work, at::Tensor] Invoked
vuex 解决报错this.$store.commit is not a function的方法
10-17
主要介绍了vuex 解决报错this.$store.commit is not a function的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
TypeError: Object(...) is not a function
07-28
引用\[1\]:这种错误通常发生在使用ES6模块导入时，当导入的模块不是一个函数时会出现这个错误。这可能是因为你在导入的模块中使用了错误的导出方式，或者导入的模块本身并不是一个函数。要解决这个问题，你可以检查导入的模块的导出方式是否正确，并确保导入的模块是一个函数。如果导入的是一个插件或工具类库，你可以尝试使用其他适合该库的导入方式。例如，对于axios这样的插件库，你可以使用以下方式进行导入：import axios from 'axios'。这样可以确保正确导入并使用该库。 #### 引用[.reference_title] - *1* [解决 Vue 中报错：TypeError: Object(...) is not a function](https://blog.csdn.net/m0_47214030/article/details/126019738)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值