正確使用微信小程序組件庫,解決報錯Component is not found in path

本人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!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章