ElmonyDocuments

Outils de construction

Sélectionner un composant

Sélectionner un composant vous permet de cliquer sur un élément dans l'aperçu en direct et d'attacher son contexte source au chat. Elmony peut alors cibler plus précisément la modification demandée.

Utiliser la sélection de composants

  1. Exécutez l'application et ouvrez Aperçu.
  2. Sélectionnez l'icône du curseur intitulée Sélectionner un composant. Vous pouvez également utiliser Ctrl + Maj + C sous Windows/Linux ou Commande + Maj + C sur macOS.
  3. Déplacez-vous sur l'aperçu et sélectionnez l'élément que vous souhaitez modifier.
  4. Confirmez que le composant sélectionné apparaît avec la saisie du chat.
  5. Décrivez le changement prévu et envoyez l'invite.

Contexte des fournitures de sélection ; cela n'empêche pas le modèle de modifier les fichiers associés lorsque l'implémentation l'exige. Examinez le comportement de comparaison et d'aperçu résultant.

Projets plus anciens ou importés

Les démarreurs officiels actuels de React/Vite et Expo incluent la configuration d'inspection des composants. Certains projets plus anciens ou importés ne le font pas. La liste de mise à niveau précédente des détails de l'application n'est pas affichée dans l'interface actuelle, il n'y a donc aucun bouton de mise à niveau à exécuter à partir de cette page.

Un bouton de sélection désactivé une fois l'aperçu entièrement chargé signifie généralement que le projet ne dispose pas de son intégration d'inspecteur. Utilisation des projets Vite @elmony/react-vite-component-tagger et les projets d'exposition utilisent @elmony/expo-metro-tagger. L'intégration de ces packages modifie la configuration de la construction, effectuez donc la modification dans une branche ou une version que vous pouvez restaurer et suivez les exigences de configuration du package.

Dépannage

  • Attendez que l'aperçu ait fini de se charger ; la sélection est désactivée au démarrage de l'application.
  • Redémarrez l'aperçu après avoir modifié la configuration de Vite, Babel, Metro ou de l'inspecteur.
  • Vérifiez les vues Console et Problèmes pour détecter les erreurs d'initialisation ou de génération de l'inspecteur.
  • Une interface utilisateur hautement dynamique, à rendu de canevas, d'origine croisée ou native uniquement peut ne pas exposer le même mappage source qu'un composant React DOM normal.