Vue3+vant库处理showToast报错正确姿势：Can‘t resolve ‘vant/es/show-toast‘
解释：
这个错误表明在使用Vue 3和vant库时，尝试导入vant的showToast组件时出现了问题。具体来说，是无法解析vant/es/show-toast这个路径。这通常是因为以下几个原因：
- 你可能没有正确安装vant库。
- 你可能安装了vant库，但是安装的版本不包含ES模块构建。
- 你可能在导入时使用了错误的路径。
解决方法：
确保你已经通过npm或yarn安装了vant库。如果没有安装，可以通过以下命令安装：
npm install vant --save或者
yarn add vant- 确保你的项目中包含了vant库的ES模块构建。可以通过查看
node_modules/vant目录下是否有es目录来确认。 修正导入语句。正确的导入方式可能是：
import { Toast } from 'vant'; // 使用Toast Toast('这是一条消息提示');或者，如果你需要单独引入Toast组件，可以这样写：
import Toast from 'vant/lib/toast'; // 使用Toast Toast('这是一条消息提示');
确保你的构建工具（如webpack或vite）配置正确，能够解析node_modules下的包。如果以上步骤都无法解决问题，可以尝试清理缓存（如npm cache clean --force）或重新安装依赖。
评论已关闭