El ancho del dispositivo es inválido por defecto

Sí, tienes razón, en realidad no hay opción para seleccionar el dispositivo por defecto... Por ahora, como solución alternativa, hazlo manualmente después de iniciar: '''js const editor = grapesjs.init({...}); editor.setDevice('Móvil');

Y como usas el enfoque móvil, tendrías que arreglar tu dispositivo de sobremesa:
'''js
{
  nombre: 'Escritorio',
  Ancho: '', // tamaño por defecto
  widthMedia: '376px', // Indica al editor qué medios aplicar para pantallas más grandes
}

En la próxima versión, añadiré la opción de 'por defecto' en la configuración del administrador de dispositivos '''js deviceManager: { El 'id' del dispositivo para seleccionar al iniciar, si no está indicado, se utilizará el primero disponible desde 'dispositivos'. por defecto: 'Móvil', dispositivos: [...], },

Gracias por informar de esto, @imouou.

El problema con El ancho del dispositivo es inválido por defecto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificaciones del DOM se superponen, creando un estado inconsistente.

Qué probar:

1. Añadir un envoltorio setTimeout para asegurar que el DOM se ha asentado: '''javascript setTimeout(() => { Tu operación aquí }, 0);

2. **Comprobar el orden de inicialización** — asegúrate de que los componentes estén completamente cargados antes de interactuar con ellos

3. **Utilizar el sistema de eventos del editor** — escuchar los eventos de finalización:
'''javascript
editor.on('component:mount', (component) => {
  Es seguro interactuar con el componente aquí
});

Recomendaciones de siguientes pasos:

• Prueba con la última versión de GrapesJS si no lo has hecho
• Proporcionar un ejemplo mínimo reproducible (CodeSandbox) — esto ayuda al equipo a identificar la causa raíz más rápido
• Incluir errores de GrapesJS, de navegador y de consola en tu informe