第一步、在app.json或index.json中引入组件

"usingComponents": { "van-toast": "@vant/weapp/toast/index" }

在这里插入图片描述
第二步、在index.wxml文件中写入:

<van-toast id="van-toast" />

第三步、在index.js中引入官方的路径

import Toast from 'path/to/@vant/weapp/dist/toast/toast';

但是引入之后回报路径错误,如图
在这里插入图片描述
那如何解决呢?
我们把路径改为:

import Toast from '@vant/weapp/toast/toast';

就可以完美解决了

最后一步
在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐