微信小程式npm如何引用Vant Weapp

問題：沒有找到可以建構的NPM包

一、NPM安裝插件

在小程式的根目錄執行：

npm i vant-weapp -S --production
           

二、打開微信開發者工具，點選 工具 -> 建構 npm，并勾選 使用 npm 子產品 選項，建構完成後，即可引入元件

建構完成後目錄會多出miniprogram_npm檔案

如果不行，請看下面

在小程式的根目錄使用cmd（管理者）執行

方案一

将以下指令全部執行一遍

npm init
npm install --production
npm install --save miniprogram-recycle-view
           

方案二

使用cmd進入項目根目錄後執行

npm init
           

然後回車回車回車……再執行安裝vant插件指令即可

npm i @vant/weapp -S --production
           

注意：引入頁面的app.json所需要使用的元件，不引用有可能導緻報錯

報錯：大緻意思找不到元件

方案一

以管理者身份使用cmd将以下指令全部執行一遍

npm init
npm install --production
npm install --save miniprogram-recycle-view
           

移除包

npm uninstall miniprogram-recycle-view
           

方案二

你隻需要把miniprogram_npm/vant-weapp裡的元件檔案夾都删除，
之後再https://github.com/youzan/vant-weapp下載下傳一份vant， 将dist檔案夾（vant-weapp-dev\vant-weapp-dev\dist）中的檔案複制到項目的miniprogram_npm/vant-weapp
原文：https://www.jb51.net/article/166771.htm