正確使用微信小程序組件庫,解決報錯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!

相關文章
相關標籤/搜索