TypeError: parentComponent.ctx.deactivate is not a function

最新推荐文章于 2024-03-07 19:11:12 发布
最新推荐文章于 2024-03-07 19:11:12 发布
阅读量1w 收藏 5
点赞数 4
分类专栏： Vue3 keep-alive 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mmiaoChong/article/details/121934456
版权

vue3在使用keep-alive出现切换页面报错

vue-router.esm-bundler.js?f6c4:3295 
        
       TypeError: parentComponent.ctx.deactivate is not a function
    at unmount (runtime-core.esm-bundler.js?9e79:4686)
    at patch (runtime-core.esm-bundler.js?9e79:3664)
    at Object.sharedContext.activate (runtime-core.esm-bundler.js?9e79:1708)
    at processComponent (runtime-core.esm-bundler.js?9e79:4097)
    at patch (runtime-core.esm-bundler.js?9e79:3695)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?9e79:4310)
    at ReactiveEffect.run (reactivity.esm-bundler.js?0a2b:160)
    at updateComponent (runtime-core.esm-bundler.js?9e79:4171)
    at processComponent (runtime-core.esm-bundler.js?9e79:4104)
    at patch (runtime-core.esm-bundler.js?9e79:3695)

在这里插入图片描述

在网上搜到的bug解释

大佬链接文档

解决办法

在keep-alive、component上设置key进行排序

喵喵虫
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序中wx.xx is not a function的报错
03-29
连胜老师今天来说一下小程序后台，运维中心经常报的一个错误：错误提示：wx.getSetting is not a function;at App lifeCycleMethod onLaunch function。   这里的wx.getSetting，可能是其他API，比如wx....
TypeError: notify.sendNotifybyWxPucher is not a function!
10-24
TypeError: notify.sendNotifybyWxPucher is not a function!
vue3.2.40，keepalive热更新报错 TypeError: parentComponent.ctx.deactivate is not a function
个人博客
10-08 3439
暂时性的解决方案
vue3使用keep-alive页面切换时报错：TypeError: parentComponent.ctx.deactivate is not a function
唯心所现，唯识所变
06-07 1573
keep-alive报错:TypeError: parentComponent.ctx.deactivate is not a function
vue3使用keep-alive 报错：parentComponent.ctx.deactivate is not a function
最新发布
元元猿的博客
03-07 989
动态组件未配置key值；如果不配置 key 值，当多个页面配置 keepAlive:true 时，在切换缓存页面时会报错 Uncaught (in promise) TypeError: parentComponent.ctx.deactivate is not a function。需要给动态组件配置 key 值，来表示组件的唯一性和对应关系。
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。
转载：VUE3使用keep-alive页面切换时报错：TypeError: parentComponent.ctx.deactivate is not a function
我的米饭
11-01 1066
TypeError: parentComponent.ctx.deactivate is not a function
解决vue3 TypeError: parentComponent.ctx.deactivate is not a function 报错
zhouning7879的博客
05-12 1238
解决vue3 TypeError: parentComponent.ctx.deactivate is not a function 报错
VUE3 keep-alive页面切换报错：parentComponent.ctx.deactivate is not a function
Ms_Wqh的博客
08-02 1342
VUE3 keep-alive页面切换报错：parentComponent.ctx.deactivate is not a function
VUE3使用keep-alive页面切换时报错：parentComponent.ctx.deactivate is not a function
qq_15197419的博客
02-18 9522
问题描述： 这是官方示例代码： <router-view v-slot="{ Component }"> <keep-alive> <component :is="Component" v-if="$route.meta.keepAlive"/> </keep-alive> <component :is="Component" v-i
vue3 + router-view + keepalive parentComponent.ctx.deactivate is not a function
qq_34164814的博客
03-25 1173
vue3中keepAlive的用法与vue2中存在区别 vue3中的用法 <router-view v-slot="{ Component }"> <transition> <keep-alive> <component :is="Component" /> </keep-alive> </transition> </router-view> 如果使用下面的v-if切换，请给transi
vue3 router-view 使用keep-alive报错parentcomponent.ctx.deactivate is not a function
少油少盐不要辣
11-30 216
去除v-if，将key直接添加上。由于有的公用页面，需要刷新，不希望缓存，所以需要添加key。其他需要缓存的页面，就不用添加key。
[记录]vue3在webpack 使用require.context批量导入组件在keep-alive ＞ component中使用热更新报错的问题
z13540112421的博客
05-26 724
vue3在webpack 使用require.context批量导入组件在keep-alive > component中使用热更新报错 parentComponent.ctx.deactivate is not a function. 百度了一下都说在component上加上key,可惜然并卵; 只需要在批量的时候使用 defineAsyncComponent这个函数即可解决问题, import 中使用变量需要加上 ‘’ 才能找到 ...
TypeError: _ctx.dayjs is not a function
竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生
06-06 3021
andt 日期选择器禁用小时分钟秒，报错_ctx.dayjs is not a function
【已解决】TypeError: _ctx.$t is not a function when using $t in child component
m0_51749295的博客
11-19 8402
关于最近我在练习一个vue的小demo使用i18n的时候碰到的问题，TypeError: _ctx.$t is not a function when using $t in child component
vue3.0子组件emit传值给父组件报警告
Lucky_girl_wan的博客
08-11 3404
记录下vue3.0中子组件使用emit传值给父组件，报以下警告 runtime-core.esm-bundler.js?5c40:6871 [Vue warn]: Extraneous non-emits event listeners (getSon) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the
typeerror: parentcomponent.ctx.deactivate is not a function
04-11
这是一个JavaScript的错误信息，意思是“类型错误：parentcomponent.ctx.deactivate不是一个函数”。这可能是因为代码中调用了一个不存在的函数，或者在一个非函数对象上尝试调用函数。建议检查代码中相关的函数调用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值