本人node小白,在开发微信小程序的时候想偷懒使用一个组件库,可是一直报这个错误

Component is not found in path "@vant/weapp/dist/image/index"

太焦虑了,找了好久总结出正确的使用步骤,如果也不会的小伙伴按照下列步骤做就不会出问题啦!

正确使用步骤

以小程序组件库 https://github.com/youzan/vant-weapp 为例

  1. 在小程序项目根目录打开命令行,输入

    npm i @vant/weapp -S --production
  2. 然后你会发现项目内多了一个「node_modules」目录和「package-lock.json」文件

  1. 在小程序根目录输入 npm init初始化项目

  1. 在生成的 「package.json」文件中的「dependencies」中填入你需要依赖的模块和版本号,如

  1. 打开「详情」,勾上「使用npm模块」

  1. 点击「工具」-> 「构建npm」

  1. 就成功啦!

此时你的项目根目录会多一个「miniprogram_npm」的文件夹

  1. 不过使用起来还要注意,按照如下的方式引用,而不是使用路径引用哦

  1. 祝没有bug!