Cómo obtener la aplicación de inicio

Proporcionamos la aplicación de espacio aislado que muestra algunas de las características clave de Jutro Design System.

Warning: ¡La aplicación de inicio es solo para aprender! No podrá iniciar una aplicación lista para producción con esta aplicación de inicio. Puede probar las características básicas de Jutro y practicar los flujos de trabajo, pero la aplicación de inicio tiene una funcionalidad limitada y es una versión fija de Jutro.

Cómo obtener la aplicación de espacio aislado de Jutro

Descarga de la aplicación de espacio aislado de Jutro 10.13.2

Note: Es bueno saberlo

Al completar los pasos a continuación, la estructura de carpetas será similar al diagrama a continuación:

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

1. Descargue la aplicación de espacio aislado de Jutro 10.13.2.

2. Descomprímala en una carpeta llamada jutro-sandbox.

3. Abra Visual Studio Code y en el menú Archivo, seleccione Abrir... > jutro-sandbox para abrir la aplicación.

4. En VS Code, abra un nuevo terminal (en el menú Terminal , seleccione Nuevo terminal) y vaya a la carpeta jutro-sandbox/jutro-sandbox-app.

5. Si está utilizando nvm, establezca Node.js para usar la versión requerida por la aplicación.

   nvm use

6. Configure el registro npm como uno estándar:

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

7. Instale las dependencias necesarias:

   npm install

   Si se produce un error en la instalación, asegúrese de no estar utilizando una VPN ni un firewall que impida la descarga de las dependencias. Para ver más opciones de solución de problemas, consulte la sección Solución de problemas.

Inicio de la aplicación en espacio aislado

1. En VS Code, inicie la aplicación en espacio aislado ejecutando este comando en su terminal:

   npm start

La aplicación de espacio aislado se abre en http://localhost:3000 en el navegador:

Solución de problemas

Binarios de ARM incompatibles

Al ejecutar comandos npm en una computadora Mac con un chip M1, es posible que encuentre un error cuyos detalles digan que hay una “arquitectura incompatible (tiene (x86_64), necesita (arm64e))”.

Ejecute los siguientes pasos para resolver este problema:

1. Instale el administrador de versiones del nodo (node version manager, nvm) si aún no lo tiene instalado.
2. Compruebe la versión de su Node.js ejecutando el comando node -v en su terminal.
3. Compruebe la arquitectura de su Node.js ejecutando el comando node -p process.arch en su terminal. Esto debería imprimir arm64.
4. Si está utilizando zsh, ejecute el comando arch -x86_64 zsh en el mismo terminal. Si cierra el terminal, arch volverá a arm64.
5. Desinstale la versión actual de Node.js mediante el comando nvm uninstall y, a continuación, instale la versión 22.6.0 ejecutando el comando nvm install v22.6.0.
6. Elimine el directorio node_modules del proyecto.
7. Ejecute npm install.