WeChat applet VANT WEAPP UI Frame Integrated Steps

ioeinternet 24/09/2021 2271

Někteří malí partneři vždy narazí na problémy, které nelze nainstalovat, když integrují Vant-weapp-ui. Soukromý dopis se mě ptá, jak to vyřešit. Nyní jsem již nainstaloval dokument, ať noví malí přátelé zaplní nějaké jámy méně

Adresa oficiálních webových stránek: Rychlý nákup – Vant WEAP (Youzan.github.io)

Připomenutí Nesledujte instalaci na oficiálních webových stránkách, jinak se zhroutí, postupujte podle dokumentace krok za krokem, abyste zajistili úspěch,

Požadavek: 1. Počítač musí být nainstalován - node.js - "Protože se vyvíjí malý program, měl by být nainstalován Node.js)

3. Aktualizujte prosím nástroj na verzi 1.05

kroky instalace:

Povolte modul NPM v nástroji

2. Vytvořte soubor package.json

// Inicializace souboru package.json Poznámka: == Průzkumník Levý interní terminál ==, ponechte si package.json a miniprogram, na který narazíte,

// Nevytvářejte později, nemohu najít chybu souboru package.json.

npm init

// Po provedení tohoto příkazu vygenerujete soubor package.json

3. Nainstalujte generování balíčku package.json

/ / Musíte provést tento příkaz, vygeneruje balíček package-lock.json, tento krok je velmi důležitý

instalace npm

4. Nainstalujte uživatelské rozhraní Vant -WeApp

npm i @vant/weapp -S --production

# Udělejte to a uvidíte složku Node_Modules, instalace je úspěšná.

5. Smazat "Style" v app.json: "V2"

6. Upravte soubor v Project.config.json a upravte a přidejte následující kód do Nastavení, upravený kód, jak je znázorněno

"nastavení": {

PacknPMRELAST ": [

{

"packagejsonpath": "./package.json",

"MINIPROGRAMNPMDISTDIR": "./miniprogram/"

}

]

}

7. Sestavení npm Pokud není v tomto kroku sestaven, proveďte znovu první krok.

8. V App.json musíte použít stránku komponenty. Json k představení komponent VANT-APP

## příklad Přidejte tento kód do App.json, odkazovalo se pouze na komponentu Button, každá použitá komponenta je představena

Používání součástí ": {

"Van-Button": "@ VANT / WeApp / Tlačítko / INDEX"

}

9. Pro úspěšnou instalaci použijte test na stránce

Testovací tlačítko

10. Spusťte tlačítko následovně, viz toto tlačítko Gratulujeme, instalace proběhla úspěšně

Nejnovější: Jinkesen: 5,13 zlata sedí na Crazy Roller Chatu, CPI má nové maximum za více než 12 let

Další: Jisheng Party 100th Anniversary Group Poetry "One Hundred Years Torrose" (240-242) Chen Songshan Lei Kaiyuan Li Tianhe

Související články