Strumenti del costruttore
Seleziona componente
Seleziona componente ti consente di fare clic su un elemento nell'anteprima live e allegare il relativo contesto di origine alla chat. Elmony può quindi indirizzare la modifica richiesta in modo più preciso.
Utilizza la selezione dei componenti
- Esegui l'app e aprila Anteprima.
- Selezionare l'icona del cursore etichettata Seleziona componente. Puoi anche usare Ctrl+Maiusc+C su Windows/Linux o Comando + Maiusc + C su macOS.
- Spostati sull'anteprima e seleziona l'elemento che desideri modificare.
- Conferma che il componente selezionato venga visualizzato con l'input della chat.
- Descrivi la modifica prevista e invia la richiesta.
Contesto delle forniture di selezione; non impedisce al modello di modificare i file correlati quando l'implementazione lo richiede. Esamina la differenza risultante e il comportamento dell'anteprima.
Progetti più vecchi o importati
Gli attuali starter ufficiali React/Vite ed Expo includono la configurazione di ispezione dei componenti. Alcuni progetti più vecchi o importati no. L'elenco degli aggiornamenti precedenti dei dettagli dell'app non viene visualizzato nell'interfaccia corrente, quindi non è presente alcun pulsante di aggiornamento da eseguire da quella pagina.
Un pulsante di selezione disabilitato dopo che l'anteprima è stata completamente caricata di solito significa che al progetto manca l'integrazione dell'ispettore. Utilizzo dei progetti Vite
@elmony/react-vite-component-tagger
e l'utilizzo dei progetti Expo
@elmony/expo-metro-tagger. L'integrazione di questi pacchetti modifica la configurazione della build, quindi apporta la modifica in un ramo o in una versione che puoi ripristinare e segui i requisiti di configurazione del pacchetto.
Risoluzione dei problemi
- Attendi il completamento del caricamento dell'anteprima; la selezione è disabilitata durante l'avvio dell'app.
- Riavvia l'anteprima dopo aver modificato la configurazione di Vite, Babel, Metro o Inspector.
- Controlla le visualizzazioni Console e Problemi per l'inizializzazione dell'ispettore o per errori di creazione.
- L'interfaccia utente altamente dinamica, con rendering su tela, multiorigine o solo nativa potrebbe non esporre la stessa mappatura di origine di un normale componente React DOM.