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

為{幸葍}努か 提交于 2020-08-05 08:29:03

本人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」文件

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

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

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

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

  7. 就成功啦!

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

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

  9. 祝没有bug!

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!