Vant按需引入组件时，使用 showToast 时出现样式异常问题？

nbstudy 发表于 2025-02-19 14:55:34

Vant中通过Vite及@vant/auto-import-resolver按需引入组件时，使用 showToast 时出现样式异常问题？

官网常见问题里面已经有说明, 在使用按需引入组件方案集成 Vant 时，使用 showToast 等函数无需进行显式导入，否则会造成样式异常。

javascript 复制代码

// 以下是没有必要的
import { showFailToast, showSuccessToast } from 'vant';

如果需要显示导入组件，需要同时导入样式，即：

javascript 复制代码

// 导入组件，同时导入样式
import { showFailToast, showSuccessToast } from 'vant';
import 'vant/lib/toast/style'