微信小程序使用vant引入toast:import Toast from 'path/to/@vant/weapp/dist/toast/toast';

按照官方文档,除了要在app.json中先声明这个组件之外,还需要再使用页面引入toast。

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

官网引入方式写的为:import Toast from 'path/to/@vant/weapp/dist/toast/toast';

但是,运行小程序会报错:

module "pages/index/path/to/@vant/weapp/dist/toast/toast" is not defined
Error: module "pages/index/path/to/@vant/weapp/dist/toast/toast" is not defined

如下图:

微信小程序使用vant引入toast:import Toast from 'path/to/@vant/weapp/dist/toast/toast';_第1张图片

 所以经过尝试,得出结论上面的"path/to"不可以直接写,意思要转换为自己toast.js的本地路径:

尝试过后引入方式为:

import Toast from '../../miniprogram_npm/@vant/weapp/toast/toast'

 

你可能感兴趣的:(微信小程序,vant)