微信小程序導入Vant-Weapp組件庫及出錯處理
一、下載Node.js*
鏈接：https://nodejs.org/en/
推薦選擇LST的8.0以上版本，下載安裝即可，安裝完成后可以進行驗證
cmd打開終端，輸入vant-v出現對應版本即為安裝成功，也可輸入npm -v查看對應的npm版本
二、在微信開發工具做對應操作
鏈接：https://youzan.github.io/vant-weapp/#/intro 后續可根據開發指南進行操作
三、安裝Vant組件庫
選中miniprogram文件，右鍵選擇在終端打開，輸入 npm i vant-weapp -S --production 進行安裝
安裝完成后，在微信開發者工具窗口，選擇“工具”->“構建npm"，構建成功后，
在miniprogram下會出現miniprogram_npm文件夾，對應的下面的就是vant組件庫
選擇微信開發工具的詳情
勾選”使用npm模塊“選項，才算完成
四、測試安裝是否成功
比如要在pagës/indeks/indeks里添加一個組件庫里的button
在index.json中加入代碼
修改上述路徑，最終代碼為：
“usingComponents”: {
“van-button”: “vant-weapp//button”
}
再在index.wxml中加入代碼
如加入一個危險按鈕
危險按鈕
按鈕編譯顯示成功則安裝成功
五、可能錯誤
可能報如下兩個錯誤
1、jsEnginScriptError
Component is not found in path “pages/help/vant-weapp/dist/button” (using by “pages/help/help”)
Error: Component is not found in path “pages/help/vant-weapp/dist/button” (using by “pages/help/help”)
2、thirdScriptError sdk uncaught third Error module “miniprogram_npm/vant-weapp/picker/shared” is not defined Error: module “miniprogram_npm/vant-weapp/picker/shared” is not defined at require …
可能是安裝錯誤，可以手動刪除miniprogram_npm后重新安裝，再次嘗試，可能還會有第二個錯誤，進入項目文件夾下，將miniprogram下的node_modules里的vant-weapp下的dist復制到miniprogram_npm的vant-weapp下，問題解決。
-------------------------------------------------------以下實際項目安裝步驟-------------------------------------------------------------------------------------------
