在webStorm中使用组件vant3并引入，但提示Toast is not a function

少女的麒麟臂

已于 2024-06-24 13:15:32 修改

阅读量502

点赞数 6

文章标签： webstorm ide

于 2024-06-22 13:14:32 首次发布

本文链接：https://blog.csdn.net/m0_60913945/article/details/139881176

版权

报错如下：

之前的代码如下

问题如下：

vant版本问题，安装的是vant4版本号，但是使用的是vant3的Toast，所以选择卸载4，下载3

卸载vant4

pnpm uninstall vant

下载3

pnpm install vant@latest-v3

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

少女的麒麟臂

关注关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

TypeError: this.getOptions is not a function解决方法

yan的秘密基地

03-16

3045

Vue中出现TypeError: this.getOptions is not a function解决办法

TypeError token.type.endsWith is not a function vue eslint 问题解决

m0_67390379的博客

03-08

1038

1. 问题原因今天用vue-cli搭建了一个脚手架发现 let / await / async 关键字不能用会直接报错 token.type.endsWith is not a function async / await 会报错删除了就好了. let 也不好用换成var就好用了这就很奇怪 2. 问题排查排查了很久发现是eslint的问题, 然后各种百度, 发现有个issue讨论过这个问题这是我之前的package.json { "name": "orion-ops-vue.

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

解决vant的Toast组件时提示not defined的问题

01-21

按照官方文档引入全局Toast组件，在methods里面定义函数执行函数时产生了报错： //定义的函数 handleClick(){ Toast('点击提示') } 报错信息 [Vue warn]: Error in v-on handler: “ReferenceError: Toast is not defined” 解决方法： handleClick(){ this.$toast('点击提示') } 补充知识：vue+vant移动端遇到的那些问题 1、项目引用了lib-flexible 跟px2rem-loader做适配，然后真机测试的时候发现字体在手机上显示的很小。【推荐去

vant报错 Uncaught TypeError: Toast is not a function

allbugs的博客

03-23

3801

在vant3中，Toast已更名为showToast，注意写法与版本保持一致。

Vite + Vue3 +Vant4出现Toast is not a function

最新发布

小吴

09-07

543

今天写前端的时候出现了这个问题搞了我一会。发现还是报错,说是找不到对应的样式文件。不过这个解决不了我的问题。

解决vue3中按需引用Toast,使用Toast方法时报is not a function问题

weixin_46605992的博客

08-11

3724

Toast中is not a function问题

自己写了一个jq的toast弹窗框架引入之后调用报错$.toast is not a function

肖肖肖丽珠的博客

05-06

428

却报错了$.toast is not a function。最后把js的地方(function($) {$.toast('请输入要充值的抖音号')

详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持

10-19

在本文中，我们将深入探讨如何在WebStorm中为Vue.js单文件组件添加高亮显示和语法支持，这对于Vue开发者来说是非常实用的技巧。Vue.js是一个流行的前端框架，而WebStorm是一款强大的JavaScript集成开发环境（IDE），...

微信小程序在Chrome浏览器上运行以及WebStorm的使用

09-01

尽管微信提供了官方的开发工具，但有时开发者可能更倾向于使用其他IDE，例如WebStorm，以获得更高级的功能和自定义编辑体验。在Chrome浏览器上运行微信小程序，首先需要安装并启用微信开发者工具。该工具提供了...

bug解决：Uncaught (in promise) TypeError: Toast.loading is not a function

薇z的博客

01-28

2749

bug解决：Uncaught (in promise) TypeError: Toast.loading is not a function

Vue 报错TypeError: this.$set is not a function 的解决方法

12-12

报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: 'jsonp', data: { q: text, appKey: this.appKey, salt: this.salt, from: this.from, to:

vue.js中toast用法及使用toast弹框的实例代码

01-19

1.首先引入 import { Toast } from 'vant' 写个小列子绑定一个click事件 2.写事件在methods写方法 showToast() { this.$toast({ message: 今日签到+3, }) }, 3.效果图如下一个简单的toast提示成就好了下面通过实例代码看下vue 中使用 Toast弹框 import { ToastPlugin,ConfirmPlugin,AlertPlugin} from 'vux' Vue.use(ToastPlugin) Vue.use(ConfirmPlugin)

使用vant的Toast组件时提示not defined

热门推荐

BrysonMa的博客

09-29

1万+

使用vant的Toast组件时提示not defined 按照官方文档引入全局Toast组件，在methods里面定义函数执行函数时产生了报错： //定义的函数 handleClick(){ Toast('点击提示') } 报错信息 [Vue warn]: Error in v-on handler: "ReferenceError: Toast is not defined" 解决方法：...

bug记录,供参考:vant weapp中 xx is not a function

Kätzchen-408的博客

06-04

719

注意,如果是代码写的没问题(引入和使用)可能是包损坏,电脑自己因为各种原因修改了你的dist包里的文件 (所以最好不要开着编译器就把电脑关了,一定要保存好再关电脑) 把这个组件再更新一下可能就好了. ...

全局引入vant组件库报：Object(...) is not a function错误

weixin_51629637的博客

04-01

2027

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..

vant使用this.$toast报错

weixin_41033048的博客

09-10

8218

在main.js引入 import { Toast } from 'vant' Vue.use(Toast);

WebStorm的必装插件（2024版）

AGW.的博客

03-10

7424

WebStrom真的很牛！

Toast弹不出来之谜

lt的博客

12-14

1万+

前言今天早上测试应用的时候,忽然发现Toast弹不出来了,我用的华为测试机,以为是通知权限被关了,后来发现是开着的,这就纳了闷了,这个Toast工具类用了好长时间了,后来发现这Toast原来还能这样... 正文以前工具类是这个样子的(华为的通知权限放在了其他的地方) final public class ToastUtil { private static Toast toa...

webstorm中ReferenceError: http is not defined

12-28

在WebStorm中出现"ReferenceError: http is not defined"的错误通常是因为没有正确引入http模块。你可以按照以下步骤来解决这个问题： 1. 确保已经安装了Node.js。你可以在终端中运行`node -v`命令来检查Node.js的版本。 2. 在你的代码中添加以下代码来引入http模块： ```javascript var http = require('http'); ``` 3. 确保你的代码中使用了http模块的相关方法。例如，你可以尝试创建一个简单的HTTP服务器： ```javascript var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World!'); }).listen(8080); ``` 这样，你就可以在WebStorm中运行你的代码而不会再出现"ReferenceError: http is not defined"的错误了。