Uncaught SyntaxError: fine imprevista dell’input.
So che questo stesso errore mi ha tenuto sveglio la notte a volte. Non sudare! Questo articolo parlerà dei modi per aiutarti a eseguire il debug del tuo codice in modo da poter superare questo errore e andare avanti con il tuo progetto.
Cosa significa?
Più probabile che no, significa che hai parentesi o virgolette non corrispondenti da qualche parte nel tuo codice. In definitiva, è perché il motore V8 sta analizzando il tuo codice in un certo modo e sta cercando un carattere particolare.
Se l’errore ti fornisce una riga e un numero di caratteri, questo è un buon posto per iniziare a cacciare. In caso contrario, torna indietro nel codice finché non lo trovi.
Come posso trovarlo?
Ci sono un paio di cose che puoi fare per aiutare a trovare la sintassi bug nel codice:
- Assicurati che tutto sia rientrato correttamente. Un’estensione come Prettier o Beautify può aiutare in questo senso. Tuttavia, se si verifica un errore nella sintassi, l’estensione non verrà eseguita o funzionerà in modo errato. L’indentazione rende il codice più leggibile, anche se non è necessariamente richiesto per l’esecuzione in un linguaggio come JavaScript.
- Utilizza le frecce a discesa sul lato sinistro dell’editor per nascondere gli elementi. Se i tuoi elementi hanno parentesi di apertura e chiusura corrispondenti, il blocco collasserà. Ecco un esempio:
Senza fare clic sui menu a discesa:
Con cliccando menù a discesa:
in questo modo distogliere l’attenzione dagli elementi don " t bisogno di concentrarsi su, e portare l’attenzione ai luoghi che potrebbero non hanno parentesi corrispondenti. Se non riesci a comprimerlo correttamente, è molto probabile che ci sia un errore di sintassi in quel blocco di codice.