Herramientas de construcción
Seleccionar componente
Seleccionar componente le permite hacer clic en un elemento en la vista previa en vivo y adjuntar su contexto de origen al chat. Luego, Elmony puede orientar la edición solicitada con mayor precisión.
Usar selección de componentes
- Ejecute la aplicación y ábrala Vista previa.
- Seleccione el icono del cursor etiquetado Seleccionar componente. También puedes usar Ctrl + Mayús + C en Windows/Linux o Comando + Mayús + C en MacOS.
- Muévete sobre la vista previa y selecciona el elemento que deseas cambiar.
- Confirme que el componente seleccionado aparezca con la entrada del chat.
- Describa el cambio previsto y envíe el mensaje.
La selección proporciona contexto; no impide que el modelo cambie archivos relacionados cuando la implementación lo requiera. Revise la diferencia resultante y el comportamiento de vista previa.
Proyectos antiguos o importados
Los iniciadores oficiales actuales de React/Vite y Expo incluyen la configuración de inspección de componentes. Algunos proyectos más antiguos o importados no lo hacen. La lista de actualización de Detalles de la aplicación anterior no se muestra en la interfaz actual, por lo que no hay ningún botón de actualización para ejecutar desde esa página.
Un botón de selección deshabilitado después de que la vista previa se haya cargado por completo generalmente significa que al proyecto le falta la integración del inspector. Uso de proyectos Vite.
@elmony/react-vite-component-tagger
y proyectos de Expo utilizan
@elmony/expo-metro-tagger. La integración de estos paquetes cambia la configuración de compilación, así que realice el cambio en una rama o versión que pueda restaurar y siga los requisitos de configuración del paquete.
Solución de problemas
- Espere a que termine de cargarse la vista previa; La selección está deshabilitada mientras se inicia la aplicación.
- Reinicie la vista previa después de cambiar la configuración de Vite, Babel, Metro o inspector.
- Consulte las vistas Consola y Problemas para detectar errores de inicialización o compilación del inspector.
- Es posible que la interfaz de usuario altamente dinámica, renderizada en lienzo, de origen cruzado o solo nativa no exponga el mismo mapeo de origen que un componente React DOM normal.