国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

[微信小程序] 項(xiàng)目引入vant組件庫 npm構(gòu)建問題 避坑

這篇具有很好參考價(jià)值的文章主要介紹了[微信小程序] 項(xiàng)目引入vant組件庫 npm構(gòu)建問題 避坑。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

?按照Vant Weapp官網(wǎng)的快速上手,構(gòu)建npm時發(fā)現(xiàn)報(bào)錯

問題:package.json 未找到

原因:沒有初始化npm,所以沒生成package.json,npm構(gòu)建時需要此文件,所以報(bào)此錯誤

解決:在項(xiàng)目根目錄里執(zhí)行 “ npm init ”

再次構(gòu)建npm,還會報(bào)錯,此時按照vant官方文檔 再次執(zhí)行即可:

npm i @vant/weapp -S --production

如果還是沒有成功,檢查兩個地方

# 項(xiàng)目根目錄下的 app.json 是否刪除了這行代碼

"style": "v2" // 這行代碼要刪掉,vant官方文檔中解釋了具體原因
# 項(xiàng)目根目錄下的 project.config.json
"packNpmRelationList": [
  {
    "packageJsonPath": "./package.json",
    "miniprogramNpmDistDir": "./"  // 將這里改成./就行了,程序會自動生成miniprogram
  }
]

至此,問題解決

再次點(diǎn)擊??工具 /?構(gòu)建npm??即可?文章來源地址http://www.zghlxwxcb.cn/news/detail-585531.html

到了這里,關(guān)于[微信小程序] 項(xiàng)目引入vant組件庫 npm構(gòu)建問題 避坑的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 微信小程序通過npm引入tdesign包進(jìn)行構(gòu)建的時候報(bào)錯

    問題 在通過npm 引入 tdesign時:https://tdesign.tencent.com/miniprogram/getting-started 通過微信小程序IDE進(jìn)行npm構(gòu)建的時候出現(xiàn):無法構(gòu)建,應(yīng)該怎么辦? 解決方法: 1 輸入: 命令 2 重新點(diǎn)擊工具-npm構(gòu)建 這個時候,黑框出現(xiàn)一段Json,同時提示構(gòu)建成功,即可開始使用tdesign了!

    2024年02月10日
    瀏覽(36)
  • 微信小程序引入Vant報(bào)Component is not found問題

    微信小程序引入Vant報(bào)Component is not found問題

    好多年沒寫過代碼了,最近想做個工具用于日常工作,發(fā)現(xiàn)全忘了,還是記下來問題解決辦法吧。 1、按照網(wǎng)上流程,安裝node.js,設(shè)置環(huán)境變量和路徑,最后通過cmd驗(yàn)證安裝是否成果 2、在小程序根目錄運(yùn)行npm init,一路enter即可 3、運(yùn)行npm install @vantweapp --s --production 4、通過

    2024年02月16日
    瀏覽(25)
  • Vite + Vue3 +Vant4構(gòu)建項(xiàng)目時,按需引入使用Toast組件,引用 showToast 時出現(xiàn)編譯報(bào)錯的解決方案

    Vite + Vue3 +Vant4構(gòu)建項(xiàng)目時,按需引入使用Toast組件,引用 showToast 時出現(xiàn)編譯報(bào)錯的解決方案

    一.問題定位 在Vite + Vue3 +Vant4構(gòu)建項(xiàng)目時,需要使用Toast組件顯示提示信息,按照官方文檔使用函數(shù)調(diào)用 使用后直接報(bào)錯,說是找不到對應(yīng)的樣式文件(如下圖): 在項(xiàng)目中查找node-moudles文件,確實(shí)沒有找到,只有一個toast文件(如下圖): 在百度搜索解決方法,說是需要單

    2024年01月17日
    瀏覽(97)
  • 微信小程序修改vant組件樣式

    微信小程序修改vant組件樣式

    1 背景 在使用vant組件開發(fā)微信小程序的時候,想更改vant組件內(nèi)部樣式,達(dá)到自己想要的目的(van-grid組件改成宮格背景色為透明,默認(rèn)為白色),官網(wǎng)沒有示例,通過以下幾步修改成功。 2 步驟 2.1 查看官方文檔 Grid 外部樣式類 支持修改Grid組件樣式,我們在組件上添加該屬

    2024年02月09日
    瀏覽(90)
  • 微信小程序引入vant-weapp后出現(xiàn)[‘vant-XXX‘]:‘@vant/weapp/xxx‘未找到,錯誤解決

    出現(xiàn)“[‘vant-XXX’]:\\\'@vant/weapp/xxx’未找到”的錯誤提示 1、找到小程序所在的目錄,用管理員模式下打開cmd 2、運(yùn)行npm init,一路回車,用默認(rèn)的即可 3、運(yùn)行npm i @vant/weapp -S --production 如果用的是淘寶鏡像的,使用cnpm i @vant/weapp -S --production 4、將 app.json 中的 “style”: “v2” 去

    2024年02月13日
    瀏覽(23)
  • 微信小程序Vant組件配置及使用

    微信小程序Vant組件配置及使用

    Vant Weapp 官網(wǎng)文檔:介紹 - Vant Weapp (gitee.io) Vant Weapp GitHub地址:youzan/vant-weapp: 輕量、可靠的小程序 UI 組件庫 (github.com) 本教程使用下載代碼方式引入vant組件 通過git下載vant源碼 將vant源碼路徑下的 dist 文件夾復(fù)制到微信小程序項(xiàng)目中 將 app.json 下的 \\\"style\\\": \\\"v2\\\" 去除,微信小程序

    2024年02月13日
    瀏覽(120)
  • 微信小程序使用npm引入三方包詳解

    微信小程序使用npm引入三方包詳解

    1 前言 從小程序基礎(chǔ)庫版本 2.2.1 或以上、及開發(fā)者工具 1.02.1808300 或以上開始,小程序支持使用 npm 安裝第三方包。 此文檔要求開發(fā)者們對 npm 有一定的了解,因此不會再去介紹 npm 的基本功能。如若之前未接觸過 npm,請翻閱 官方 npm 文檔 進(jìn)行學(xué)習(xí)。 2 微信小程序npm環(huán)境搭建

    2024年02月11日
    瀏覽(87)
  • 微信小程序引入Vant Weapp修改樣式不起作用,使用外部樣式類進(jìn)行覆蓋

    微信小程序引入Vant Weapp修改樣式不起作用,使用外部樣式類進(jìn)行覆蓋

    ? ? ? ? 在項(xiàng)目中使用第三方組件修改css樣式時,總是出現(xiàn)各種各樣問題,修改的css樣式不起作用,沒有效果,效果不符合預(yù)期等。 栗子(引入一個搜索框組件) 實(shí)現(xiàn)效果:? 左側(cè)有一個搜索文字背景為藍(lán)色,接著跟一個搜索框 wxml wxss emmm...明明我們css都寫了,這出現(xiàn)的是什么鬼 ? 審查

    2024年02月02日
    瀏覽(31)
  • 解決在HBuilderX里用uniapp引入vant后在微信小程序里沒反應(yīng)的問題

    解決在HBuilderX里用uniapp引入vant后在微信小程序里沒反應(yīng)的問題

    在HbuilderX里創(chuàng)建了個uniapp的項(xiàng)目,但是引入vant后,在微信小程序里運(yùn)行沒反應(yīng) 這是App.vue文件 加了@import 巴拉巴拉那些 問題就出在pages.json文件里, 當(dāng)我們用快捷輸入的 usingComponenets 這個,就有問題了 如果你不是這個原因,那就關(guān)了這篇文章吧 如果對你有用,點(diǎn)個贊唄

    2024年02月12日
    瀏覽(95)
  • 微信小程序+vant組件 側(cè)邊導(dǎo)航欄切換顯示

    設(shè)計(jì)頁面時希望效果:左側(cè)側(cè)邊導(dǎo)航欄,右側(cè)內(nèi)容。點(diǎn)擊左側(cè)導(dǎo)航欄的不同塊,右側(cè)顯示不同內(nèi)容。 采用了vant組件中側(cè)邊導(dǎo)航欄van-sidebar,van-sidebar子標(biāo)簽包括多個van-sidebar-item 實(shí)現(xiàn)方法: van-sidebar中設(shè)置 bind:change=\\\"onChange\\\": 隨后在js文件中編寫onChange(event),其中event.deta

    2024年02月13日
    瀏覽(20)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包