這篇文章將為大家詳細(xì)講解有關(guān)如何在微信小程序中引入vant-weapp，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

成都創(chuàng)新互聯(lián)公司主打移動(dòng)網(wǎng)站、網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站改版、網(wǎng)絡(luò)推廣、網(wǎng)站維護(hù)、域名注冊(cè)、等互聯(lián)網(wǎng)信息服務(wù)，為各行業(yè)提供服務(wù)。在技術(shù)實(shí)力的保障下，我們?yōu)榭蛻舫兄Z穩(wěn)定，放心的服務(wù)，根據(jù)網(wǎng)站的內(nèi)容與功能再?zèng)Q定采用什么樣的設(shè)計(jì)。最后，要實(shí)現(xiàn)符合網(wǎng)站需求的內(nèi)容、功能與設(shè)計(jì)，我們還會(huì)規(guī)劃穩(wěn)定安全的技術(shù)方案做保障。

使用npm安裝vant-weapp 到項(xiàng)目根目錄下：

npm i vant-weapp -S --production

然后再詳情中選中使用npm模塊，然后點(diǎn)擊工具欄中的構(gòu)建npm。本以為這樣就可以安裝成功了，結(jié)果

沒(méi)有找到npm包

這讓我糾結(jié)了一個(gè)早上?？戳宋臋n，琢磨了很久，最后研究出問(wèn)題的關(guān)鍵。

第一步：使用cmd進(jìn)入項(xiàng)目根目錄：npm init

然后一直按回車

第二步：輸入你要安裝的文件（npm i vant-weapp -S --production ）

如果已經(jīng)之前安裝了vant-weapp的，就直接到工具欄中選中構(gòu)建npm就可以了，如果沒(méi)有就安裝好再選中構(gòu)建npm。

我以為這樣就可以使用vant-weapp框架了，然后刷新項(xiàng)目，問(wèn)題來(lái)了。。。

錯(cuò)誤1

大概意思-找不到組件

明明步驟都對(duì)了，卻還是出錯(cuò)。然后就網(wǎng)上找找問(wèn)題。網(wǎng)上說(shuō)：

解決方法：
你只需要把miniprogram_npm/vant-weapp里的組件文件夾都刪除，
之后再https://github.com/youzan/vant-weapp下載一份vant， 將dist文件夾（vant-weapp-dev\vant-weapp-dev\dist）中的文件復(fù)制到項(xiàng)目的miniprogram_npm/vant-weapp
原文：https://www.jb51.net/article/166771.htm

還有就是重新安裝vant-weapp。重新安裝是可以的，不會(huì)報(bào)錯(cuò)。

錯(cuò)誤2

引入頁(yè)面的的.json一定要寫對(duì)，不然也會(huì)報(bào)錯(cuò)。

{
 "usingComponents": {
 "van-button": "vant-weapp/button" //添加這個(gè)
  }
}

關(guān)于如何在微信小程序中引入vant-weapp就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。