Starter-App abrufen

Wir stellen eine Sandbox-App zur Verfügung, die einige der wichtigsten Funktionen von Jutro Design System zeigt.

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 Workflows üben, aber die Starter-App ist in ihrer Funktionalität eingeschränkt und eine starre Version von Jutro.

Jutro Sandbox-Anwendung abrufen

Jutro Sandbox-Anwendung 10.13.2 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. Jutro Sandbox-Anwendung 10.13.2 herunterladen.

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

3. Öffnen Sie Visual Studio Code, und wählen Sie im Menü Datei die Option Öffnen... > jutro-sandbox, um die Anwendung zu öffnen.

4. Öffnen Sie in VS Code ein neues Terminal (wählen Sie im Menü Terminal die Option Neues Terminal) und navigieren Sie zum Ordner jutro-sandbox/jutro-sandbox-app.

5. Wenn Sie NVM verwenden, stellen Sie Node.js so ein, 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 die Installation fehlschlägt, stellen Sie sicher, 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 Sandbox-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.js-Version, indem Sie den Befehl node -v in Ihrem Terminal ausführen.
3. Überprüfen Sie Ihre Node.js-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.js-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.