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

本文主要是介绍Vite + Vue3 +Vant4出现Toast is not a function，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天写前端的时候出现了这个问题搞了我一会

搜集原因:

1:是vant版本的问题，Toast()的方法是vant3版本的写法，而我用的是vant4，vant4中的写法改成了showToast()方法，改正过来

import {showToast} from "vant";

 发现还是报错,说是找不到对应的样式文件

2:Vant 从 4.0 版本开始不再支持 babel-plugin-import 插件，请参考 迁移指南 移除该插件。

不过这个解决不了我的问题

3:项目文件vite.config.js中按需引入vant4时使用到了 vite-plugin-style-import 这个插件

将resolveStyle:这里的内容改为

resolveStyle: (name) => {if (name == 'show-toast') {return `../es/toast/style/index`; //修改vant show-toast引入路径} else {return `../es/${name}/style/index`; //修改vant引入路径}}

这篇关于Vite + Vue3 +Vant4出现Toast is not a function的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---