小程序引入第三方UI組件（vant-1）

在小程序中引入Vant Weapp，在這里我們選擇npm i安裝相關依賴

npm i vant-weapp -S --production

安裝成功后miniprogram_npm文件夾下將多出來一個vant-weapp，里面是各種UI組件，那應該怎么使用呢，vant官網上以按鈕組件為例，只需要在 json 文件中引入按鈕對應的自定義組件即可

{
  "usingComponents": {
    "van-button": "path/to/vant-weapp/dist/button/index"
  }
}

此時按照這種配置，會報一下錯誤

那該如何解決呢？

我們可以打開node_modules文件夾找到vant-weapp中的dist文件夾拷貝到miniprogram_npm文件夾下，同時把路徑中的“path/to/”刪除，然后再運行就不會報錯了。並且在.wxml中直接使用組件就好了