Come aprire file .JSX su Mac
Per aprire file .JSX su Mac, fai clic tenendo premuto il tasto Control sul file .jsx → Apri con → Visual Studio Code (o un altro editor di codice).
Istruzioni passo passo
- Fai clic tenendo premuto il tasto Control sul file .jsx → Apri con → Visual Studio Code (o un altro editor di codice).
- Per eseguirlo come parte di un'app, utilizza gli strumenti di compilazione del progetto in modo che JSX venga compilato in JavaScript (comunemente tramite Babel o TypeScript).
Problemi comuni
Il browser/runtime genera un errore di sintassi sui tag JSX
JSX non è la sintassi JavaScript standard nella maggior parte dei runtime, quindi l'esecuzione diretta di un file .jsx spesso fallisce a meno che non venga prima trasformato.
- Assicurati che il tuo progetto utilizzi un passaggio di trasformazione JSX (ad esempio la trasformazione React JSX di Babel o la compilazione TypeScript JSX).
- Costruisci o esegui il progetto tramite la sua toolchain invece di aprire il file .jsx direttamente in un browser.
Compila compila, ma l'output JSX è sbagliato per la configurazione di React
Il comportamento di compilazione JSX dipende dalla configurazione dello strumento (ad esempio, quale runtime/trasformazione JSX viene utilizzata). Una configurazione errata può modificare ciò che JavaScript viene emesso.
- Controlla la configurazione relativa a JSX nel compilatore/transpiler (opzioni TypeScript JSX o impostazioni di trasformazione Babel JSX).
- Allinea la documentazione React/JSX e le impostazioni dello strumento del progetto in modo che la trasformazione JSX corrisponda al runtime previsto.
L'editor mostra JSX come testo normale o ha un IntelliSense scadente
Se l'editor non tratta il file come JavaScript con JSX, potresti non ricevere l'evidenziazione della sintassi, la formattazione o l'assistenza per il codice.
- Utilizza un editor con strumenti JavaScript/React (ad esempio il supporto JavaScript di Visual Studio Code).
- Verifica che il file sia riconosciuto come JavaScript/JSX nell'editor e che le funzionalità/estensioni del linguaggio pertinenti siano abilitate.
Nota di sicurezza
I file .jsx sono codice sorgente eseguibile in una toolchain JavaScript: se crei o esegui un progetto contenente .jsx non attendibile, potresti eseguire logica non attendibile durante le fasi di sviluppo o creazione.