微信小程序如何使用Vant Weapp组件中的Toast组件

第一步、在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';

就可以完美解决了

最后一步