SyntaxError: Cannot use import statement outside a module – JavaScript SYNTAX_IMPORT_OUTSIDE_MODULE

SYNTAX_IMPORT_OUTSIDE_MODULE

Compare nel browser quando il tag HTML include uno script che usa la sintassi ESM ('import ... from') ma è stato inserito come '<script src="app.js">' anziché '<script type="module" src="app.js">'.

Cosa significa questo errore?

Compare nel browser quando il tag HTML include uno script che usa la sintassi ESM ('import ... from') ma è stato inserito come '<script src="app.js">' anziché '<script type="module" src="app.js">'.

Messaggio originale

SyntaxError: Cannot use import statement outside a module

Contesto e parole chiave

Alias

  • Cannot use import statement outside a module JavaScript

Messaggi alternativi

  • istruzione import usata fuori da un modulo ESM

Prodotti

  • JavaScript Engine (V8, SpiderMonkey, JavaScriptCore) / Web API

Piattaforme

  • Bun
  • Deno
  • Node.js
  • Qualsiasi Browser Web

Parole chiave

  • ecmascript
  • errore-javascript-import-outside-module
  • javascript
  • javascript.sintassi.cannot-use-import-statement-outside-a-module
  • js
  • Sintassi e Parsing

Cause possibili

Causa tecnica per Errore JavaScript: Cannot use import statement outside a module (Script Non Dichiarato come Modulo)

Compare nel browser quando il tag HTML include uno script che usa la sintassi ESM ('import ... from') ma è stato inserito come '<script src="app.js">' anziché '<script type="module" src="app.js">'.

molto comune

Diagnosi

Diagnostica in console browser per Errore JavaScript: Cannot use import statement outside a module (Script Non Dichiarato come Modulo)

Aprire la Console degli Strumenti per Sviluppatori (F12) o verificare l'output di esecuzione Node.js per analizzare lo stack trace.

Come leggere il risultato. Indica il file sorgente esatto e la riga di codice in cui si è verificata l'eccezione o il type error.

terminal
node --trace-warnings app.js

Risoluzione

Risoluzione standard per Errore JavaScript: Cannot use import statement outside a module (Script Non Dichiarato come Modulo)

Difficoltà: facileRischio: basso

Applicare la correzione al codice sorgente JavaScript conforme agli standard ECMAScript moderni.

  1. Ispezionare la riga evidenziata nella console degli errori
  2. Applicare optional chaining (?.) o gestione condizionale dei valori null/undefined
  3. Ricaricare la pagina o riavviare il processo per verificare la scomparsa dell'errore

Domande frequenti

Come risolvere l'errore Errore JavaScript: Cannot use import statement outside a module (Script Non Dichiarato come Modulo) in JavaScript?

Compare nel browser quando il tag HTML include uno script che usa la sintassi ESM ('import ... from') ma è stato inserito come '<script src="app.js">' anziché '<script type="module" src="app.js">'.

Approfondimenti

Schede correlate