Vue3使用vant报错Uncaught (in promise) TypeError: Toast.loading is not a function

已于 2023-04-27 10:58:30 修改
阅读量770 收藏 2
点赞数
文章标签： vue.js javascript npm
于 2023-04-21 11:34:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48903743/article/details/130284579
版权
在Vue3项目里使用VantUI时遇到Toast.loading不是函数的错误。问题源于使用了Vant的4版本，该版本可能不完全兼容Vue3。为解决此问题，先卸载Vant，然后安装Vant的最新3.x版本以确保与Vue3的兼容性。
摘要由CSDN通过智能技术生成

Vue3使用vant报错Uncaught (in promise) TypeError: Toast.loading is not a function

在vue3项目中使用vant ui时，html中没有报错可以正常使用，但是使用Toast.fail("222)的时候报错Uncaught (in promise) TypeError: Toast.loading is not a function。
检查后发现，由于是使用npm i vant 进行引入的，查看版本发现的是4版本，于是

npm uninstall vant

先卸载vant，再使用下载3版本来适应vue3项目

 npm i vant@latest-v3
懒羊羊是个爱睡觉的
关注
Vue3 - 解决报错 Uncaught (in promise) DOMException: Failed to execute ‘insertBefore‘ on ‘Node‘: The node
王佳斌
08-19 3894
vue3，报错，vue3报错，Uncaught (in promise) DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node，如何解决这个错误，动态渲染，v-if，v-show，insertBefore，详细解决方法，vue3未能在“Node”上执行“insertBefore”：要插入
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
bug解决：Uncaught (in promise) TypeError: Toast.loading is not a function
薇z的博客
01-28 2709
bug解决：Uncaught (in promise) TypeError: Toast.loading is not a function
vue3 使用vant组件库中的Toast报错：Toast is not defined
hunantai的博客
09-27 1541
网上搜了很多办法，main.js中将toast挂载到实例，组件中使用this.$toast还是报错。在组件中单独引用import { Toast } from “vant”，结果还是报错。全局引入还在探索中。
解决vue3中按需引用Toast,使用Toast方法时报is not a function问题
weixin_46605992的博客
08-11 3543
Toast中is not a function问题
Vue3---报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘1‘)
weixin_52053631的博客
07-09 4233
问题原因：当goods刚定义时为空对对象， { }.category 的值就为 undefined。解决方法2：v-if手动控制渲染时机，保证只有数据存在才渲染。解决方法1：可选链的语法?
vue3报错：Uncaught (in promise) TypeError: api.now is not a function
weixin_40380115的博客
06-25 1万+
最近使用vue3加vue-router4，没想到跳转路由的时候直接报错，显示Uncaught (in promise) TypeError: api.now is not a function，很明显是不太兼容vue-router4，网上大多数解决方法建议我降低路由版本，但我却想要使用vue-router4，并不想使用vue-router3。因此我试了试其他方法。比如将改为，没想到还是不行。摸索了一会儿，我决定试试vue-router4的其他版本，由于我是在创建项目时安装的vue-router所以默认给我安
详解Vue.js搭建路由报错 router.map is not a function
10-19
然而，有时候在搭建Vue Router时可能会遇到"router.map is not a function"这样的错误，这通常是由于版本不兼容或者使用方法不当导致的。 **错误分析：** 在Vue Router的早期版本（例如1.0.x）中，`router.map`是...
vuex 解决报错this.$store.commit is not a function的方法
10-17
在使用过程中，注意正确导入、注册 store，以及在组件中正确引用 state 和 commit mutation，避免出现 `this.$store.commit is not a function` 的错误。同时，遵循 Vuex 的单一状态树原则，保持状态的集中管理，有...
vant报错 Uncaught TypeError: Toast is not a function
allbugs的博客
03-23 3678
在vant3中，Toast已更名为showToast，注意写法与版本保持一致。
【vue3常见报错5】Uncaught (in promise) TypeError: xxx is not a function
朱远辉的博客
05-19 1万+
【vue3常见报错5】Uncaught (in promise) TypeError: xxx is not a function：检查是否正确导入函数或模块。确认传递参数的类型和数量与函数定义相匹配。确认参数值不为null或undefined。
Vue3：Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘xxx‘）
米拉
05-24 2403
在页面中渲染异步获取的数据，页面正常渲染的同时报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'xxx'）方法1、对askData进行判断
vue3 Uncaught (in promise) TypeError: Cannot read properties of undefined 其实是解构赋值的问题
lzfengquan的博客
06-24 9662
在vue3中当我们用到了解构赋值配合reactive toRefs 方式渲染页面时，报错Uncaught (in promise) TypeError: Cannot read properties of undefined 发现打印也是有值的，并且赋值成功，唯独在渲染页面的时候报错。 其实就是 …解构赋值的问题。，已经解构过了，我们的渲染层级就不用再用最外层，直接找到我们解构要渲染的那层代替结构层。 分析也就是我们初始化定义了一个对象，解构了他，直接渲染他的孩子就好了 解决了。......
vue3 vue报错 Uncaught(inpromise)TypeError:Cannot read properties of undefined(reading“data) 解决办法
别人笑我太疯癫 我笑他人看不穿 流水落花春去也 游戏人间
10-27 3935
vue3 vue报错 Uncaught(inpromise)TypeError:Cannot read properties of undefined(reading"data) 解决办法
Vue3中出现 Uncaught (in promise) TypeError: data.includes is not a function 解决方法
最新发布
码农研究僧的博客
06-17 1571
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)
Vue中报错Uncaught (in promise)解决方案
热门推荐
why404
04-25 2万+
今天在写vue项目配置好路由点击菜单时，突然在控制台报错。 错误信息如下： Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}； 解决方法一：经过多次尝试发现原因可能是 在重新下载依赖包时，安装的vue-router还是之前...
全局引入vant组件库 报：Object(...) is not a function错误
weixin_51629637的博客
04-01 1995
2022.4-1 bug记录：在vue2脚手架中，全局引入vant组件库，使用使用vue ui 安装vant依赖，页面显示空白，报Object(...) is not a function错误 报错原因：vue ui 安装的是最新vant的3.4.7版本，适用于vue3的，vue2不适用 解决方法：在vue ui里面删除vant依赖包，使用npm 安装 2.点几版本的vant，重新npm run serve 就可以正常运行了，安装后可在package.json文件查看版本 # Vu..
Vue3报错：Uncaught (in promise) TypeError: api.now is not a function
tangjichaosipo的博客
01-19 1295
最近使用vue3，跳转路由的时候直接报错，显示Uncaught (in promise) TypeError: api.now is not a function。解决办法，卸载旧版本的vue dev tool插件后重新安装新版本，问题解决。
vue h is not a function
03-25
A：这个问题通常发生在使用Vue组件时，如果在组件中使用 `h()` 函数创建虚拟DOM节点，并且出错提示为 `h is not a function`，则可能是因为没有在Vue实例中注册 `createElement` 函数。可以在Vue组件中加入以下代码： ```javascript components: { 'my-component': { render: function (createElement) { return createElement('div', 'hello') } } } ``` 或者，可以在Vue实例的 `render` 函数中使用 `h()` 来创建节点，如下所示： ```javascript new Vue({ render: function (createElement) { return createElement('div', 'hello') } }) ``` 这样就可以解决 `h is not a function` 的问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值