最新的微信小程序的項目結構跟之前的不一樣，然后，按照vant-weapp上的官方文檔，安裝步驟失敗，提示了各種錯誤。如果你的微信小程序結構跟我的一致，可以采用和我一樣的方案。

微信小程序引入vant-weapp爬出坑

1. 移動package.json到miniprogram的文件夾下

2. 更改project.config.json的內容，添加一下內容

      "packNpmManually": true,"packNpmRelationList": [{"packageJsonPath": "./miniprogram/package.json","miniprogramNpmDistDir": "./miniprogram/"}],
   

3. 在miniprogram文件夾下執行安裝命令

   npm i @vant/weapp -S --production
   

4. 在微信小程序開發工具（軟件）上，左上角項目，重新打開項目

   

5. 在微信小程序開發工具（軟件）上，點擊工具->構建npm

   

6. 然后你會看到在miniprogram下多了一個miniprogramnpm的文件夾，這就正常了

7. 如果你是ts，按照官方文檔更改ts的支持

8. 引入組件是在app.json中

   // 通過 npm 安裝
   // app.json
   "usingComponents": {"van-button": "@vant/weapp/button/index"
   }