Starter-App abrufen

Wir stellen eine Sandbox-Anwendung zur Verfügung, um einige der wichtigsten Jutro Design System-Funktionen zu veranschaulichen.

Warning: Die Starter-App ist nur zum Lernen! Sie können mit dieser Starter-App keine produktionsreife Anwendung erstellen. Sie können die grundlegenden Funktionen von Jutro ausprobieren und die Arbeitsabläufe üben, aber die Starter-App ist in ihrer Funktionalität eingeschränkt und eine fixe Version von Jutro.

Jutro Sandbox-Anwendung abrufen

Jutro Sandbox-Anwendung 10.10.3 herunterladen

Note: Wissenswertes

Wenn Sie die folgenden Schritte ausgeführt haben, sollte Ihre Ordnerstruktur in etwa wie im folgenden Diagramm aussehen:

jutro-sandbox
└── jutro-sandbox-app
    ├── @digitalsdk
    │   └── ...
    ├── @jutro
    │   └── ...
    ├── html
    │   └── ...
    ├── i18n
    │   └── ...
    └── ...

1. Laden Sie Jutro Sandbox 10.10.3.

2. Entpacken Sie sie in einem Ordner mit dem Namen jutro-sandbox.

3. Öffnen Sie Visual Studio Code und navigieren Sie zu „Datei“ > „Öffnen...“ > „jutro-sandbox“, um die Anwendung zu öffnen.

4. Navigieren Sie in VS Code zu Terminal > Neues Terminal, und navigieren Sie zum Ordner jutro-sandbox/jutro-sandbox-app.

5. Wenn Sie nvm verwenden, legen Sie den Node so fest, dass die von der App benötigte Version verwendet wird.

   nvm use

6. Legen Sie die npm-Registrierung auf eine Standardregistrierung fest:

   npm config set registry https://registry.npmjs.org/

7. Installieren Sie die notwendigen Abhängigkeiten:

   npm install

   Wenn bei den Builds Fehler auftreten, ist sicherzustellen, dass Sie kein VPN und keine Firewall verwenden, die das Herunterladen der Abhängigkeiten verhindern. Weitere Optionen zur Fehlerbehebung finden Sie im Abschnitt Fehlerbehebung.

Sandbox-Anwendung starten

1. Starten Sie in VS Code die Sandbox-App, indem Sie den folgenden Befehl in Ihrem Terminal ausführen:

   npm start

Die Starter-App wird unter http://localhost:3000 in Ihrem Browser geöffnet:

Fehlersuche

Inkompatible ARM-Binärcodes

Wenn Sie npm-Befehle auf einem Mac-Computer mit einem M1-Chip ausführen, können Sie auf eine Fehlermeldung stoßen, die besagt, dass es eine „inkompatible Architektur (vorhanden (x86_64), benötigt (arm64e))“ gibt.

Führen Sie die folgenden Schritte aus, um dieses Problem zu lösen:

1. Installieren Sie den Node Version Manager (NVM), wenn Sie ihn noch nicht installiert haben.
2. Überprüfen Sie Ihre Node-Version, indem Sie den Befehl node -v in Ihrem Terminal ausführen.
3. Überprüfen Sie Ihre Node-Architektur, indem Sie den Befehl node -p process.arch in Ihrem Terminal ausführen. Dies sollte arm64 ausgeben.
4. Wenn Sie zsh verwenden, führen Sie den Befehl arch -x86_64 zsh in demselben Terminal aus. Wenn Sie das Terminal schließen, wird die Architektur auf arm64 zurückgesetzt.
5. Deinstallieren Sie Ihre aktuelle Node-Version mit dem Befehl nvm uninstall und installieren Sie anschließend die Version 22.6.0, indem Sie den Befehl nvm install v22.6.0 ausführen.
6. Entfernen Sie das Verzeichnis node_modules aus Ihrem Projekt.
7. Führen Sie npm install aus.