解决Method “defaultProps“ has type “object“ in the component definition. 问题排查

最新推荐文章于 2025-01-13 09:58:50 发布

原创最新推荐文章于 2025-01-13 09:58:50 发布 · 3.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #bug #js

VUE 专栏收录该内容

10 篇文章

订阅专栏

本文解决了一个常见的Vue.js开发问题，即在组件定义中错误地将defaultProps属性放在methods内部导致的错误。通过调整defaultProps的位置，使其位于methods同级，可以避免类型错误，确保项目正常运行。

问题现象

项目引用了一个变量值，在启动页面时报错：

Method "defaultProps" has type "object" in the component definition. Did you reference the function correctly?

问题原因分析

在这里插入图片描述
如上图所示，将defaultProps放到了方法里面，导致总报上述错误。

在这里插入图片描述

解决办法

将defaultProps移出methods，与之并行即可。

代码样例

https://github.com/matevip/artemis/blob/master/src/views/system/role.vue

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

MateCloud微服务

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CCIE重认证350-401

stqer的博客

01-04

3691

traffic policing： causes TCP retransmissions when traffic is dropped导致TCP重传时流量下降 introduces no delay and jitter引入无延迟和抖动 drops excessive traffic减少过多的流量 traffic shaping： buffers excessive traffic缓冲过多的流量 introduces delay and jitter引入延迟和抖动 applied on traffic t

Spring @Transactional注解原理深度分析

最新发布

ma451152002的专栏

06-17

264

Transactional注解是Spring事务管理的核心注解，定义在spring-tx@Inherited// 事务管理器限定符// 事务标签// 事务传播行为// 事务隔离级别// 事务超时时间// 只读事务标识// 回滚异常类型Class<?// 不回滚异常类型Class<?/*** 根据事务定义获取事务状态*//*** 提交事务*//*** 回滚事务*/@Component。

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

vue报错Method “watch“ has type “object“ in the component definition. Did you refere

weixin_42220130的博客

11-03

1957

报错: Method “watch” has type “object” in the component definition. Did you reference the function Method “watch” has type “object” in the component definition. Did you reference the function correctly?vue 中使用 watch 出现了如下的报错的原因分析。

Method “watch“ has type “object“ in the component definition. Did you reference the function correct

weixin_46071647的博客

07-12

1473

Method "watch" has type "object" in the component definition. Did you reference the function correctly

Method "computed" has type "object" in the component definition. Did you reference the function cor

sunmeng_sunmeng的博客

11-05

7909

Method “computed” has type “object” in the component definition. Did you reference the function correctly? 出现这样的问题就是将methods方法报裹住了computed computed: { carId() { if(this.addForm.g...

【vue】问题之 [Vue warn]: Method “components“ has type “object“ in the component definition

weixin_42866036的博客

07-13

3808

控制台错误信息： [Vue warn]: Method “components” has type “object” in the component definition. Did you reference the function correctly? 将components组件写在methods后导致，更换两者位置即可解决。

谈谈定时任务实战问题及解决方案、实现原理

weixin_41821642的博客

01-13

949

我们应该都知道，定时任务一大常见使用场景就是在每天晚上凌晨跑定时任务做数据处理，这样可以在系统流量少、负载低的时候去做一些复杂的逻辑处理，但是一旦定时任务执行失败，如果没做好任务执行过程的日志链路，查找问题起来也是相当困难的，之前就碰到过这么一个问题，客户反馈数据不对，然后测试介入排查发现对应的定时任务执行了(看到了任务的info输出日志)，但是没看到有error日志，这就很怪了，造成了一种这个代码执行了，但是数据不对的现状，然后开发又去翻看代码一行一行去解读一下，发现没问题呀。

记一次RefreshScope导致线程阻塞

qq_40344505的博客

01-11

1491

@RefreshScope

Spring 注解

天才小熊猫的客栈

02-22

1614

Spring 注解

Method “computed“ has type “object“ in the component definition. Did you reference the function

qq_51066068的博客

05-30

3519

Method “computed” has type “object” in the component definition. Did you reference the function correctly? 意思是：方法“computed”在组件定义中具有类型“object”。你正确地引用了函数吗？出现这样的问题就是将methods方法报裹住了computed ...

[Vue warn]: Method “filters“ has type “object“ in the component definition. Did you reference the fu

我心坚持

07-21

840

[Vue warn]: Method “filters” has type “object” in the component definition. Did you reference the function correctly? found in —> at src/views/index/index.vue methods:{ filters:{}, component:{}， mounted:(){}, } 可能是在方法中写入了过滤器或者组件或者钩子函数等 ...

Method“computed“has type“object“in the component definition. Did you reference the fuction corretly?

weixin_49428219的博客

04-08

649

解决：Method"computed"has type"object"in the component definition. Did you reference the fuction corretly? 出现这个问题，都是讲components或者watch放在了methods里面，只要将其提到与methods并行的地方即可

Method filters has type object in the component definition. Did you reference the function corre

qq_42943107的博客

05-18

6835

//设置一个返回来的状态过滤器 methods: { filters:{ //设备状态过滤方法 filterDeviceStatus(val) { if(val == '0'){ return '未生效' }else if(val == '1'){ return '已生效' }else if(val == '-1'){ return '通信异常' .

Method"computed"has type"object"in the component definition. Did you reference the fuction corretly?

weixin_41805661的博客

05-14

1万+

[Vue warn]: Method "watch" has type "object" in the component definition. Did you reference the function correctly? 原因：可能是组件中写了computed或者watch 解决办法：把这个computed或者watch的代码删掉其他情况还未遇见，待补充。 ...

Method “computed“ has type “object“ in the component definition. Did you reference the function corr

chenjun1992的博客

06-03

519

今天写vue登录页面时遇到了Bug，找了很久发现将computed写到了methods里面，应该是在methods外面报错：修改前： <script> import { mapGetters } from 'vuex' export default { name: "WelcomeLogin", methods: { gotoLogin() { this.$router.replace('/login') }, gotoRegister() {

[Vue warn]: Method "watch" has type "object" in the component definition. Did you referen