正确使用微信小程序组件库,解决报错Component is not found in path

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

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

太焦虑了,找了很久总结出正确的使用步骤,若是也不会的小伙伴按照下列步骤作就不会出问题啦!git

正确使用步骤

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

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

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

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

  4. 在生成的 「package.json」文件中的「dependencies」中填入你须要依赖的模块和版本号,如微信小程序

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

  6. 点击「工具」-> 「构建npm」微信

  7. 就成功啦!app

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

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

  9. 祝没有bug!

相关文章
相关标签/搜索