Impossibile utilizzare l'istruzione Importazione al di fuori del modulo in JavaScript

I moduli sono blocchi del codice JavaScript scritto in un file. I moduli JavaScript facilitano la modularizzazione del codice separando l'intero codice in moduli che possono essere caricati da qualsiasi luogo. I moduli vengono utilizzati per il mantenimento, il debug e il riutilizzo del codice. Ogni modulo è costituito da un pezzo di codice che esegue al caricamento.

Questo tutorial descriverà:

• Ciò che è "non può utilizzare l'istruzione di importazione al di fuori di un modulo"?
• In che modo si verifica l'errore "non può utilizzare l'istruzione di importazione al di fuori di un modulo"?
• Come correggere l'errore "Impossibile utilizzare l'importazione al di fuori di un modulo"?

Ciò che è "non può utilizzare l'istruzione import al di fuori del modulo" in JavaScript?

IL "Impossibile utilizzare l'istruzione di importazione al di fuori di un modulo"È un errore in JavaScript che potresti affrontare durante l'importazione di qualsiasi istruzione dall'esterno del modulo.

In che modo "non è possibile utilizzare l'istruzione di importazione al di fuori del modulo" in JavaScript?

Questo errore si verifica mentre si tenta di utilizzare le funzionalità ES6 in un progetto JavaScript poiché i moduli sono una versione più recente inclusa in ES6, in cui ogni modulo è definito da un unico ".js" file. Per importare o esportare le classi con le loro proprietà, funzioni, variabili o altri componenti tra file e moduli, utilizzare il “importare" O "esportare"Dichiarazione in un modulo.

Vediamo come si verifica questo errore in JavaScript:

Esempio
Abbiamo un modulo JavaScript "dati.js"Che contiene la classe"Dati"E un metodo"addData ()"Ciò importerà in un progetto JavaScript in un tag utilizzando il"importare" parola chiave:

L'output dato mostra che durante l'importazione del modulo, il "Impossibile utilizzare l'istruzione di importazione al di fuori di un modulo"Si verifica un errore:

Vediamo la soluzione per correggere questo errore.

Come correggere l'errore "Impossibile utilizzare l'importazione al di fuori di un modulo" in JavaScript?

Per fissare il "Impossibile utilizzare l'istruzione di importazione al di fuori di un modulo"Errore, impostare l'attributo di tipo del tag sul modulo nel codice HTML. Ora puoi utilizzare la sintassi del modulo ES6 nel tuo codice JavaScript:

La finestra data mostra che l'errore è stato risolto correttamente:

Abbiamo compilato le informazioni essenziali relative all'errore dichiarato e fornito la soluzione pertinente

Conclusione

IL "Sintaxerror: impossibile utilizzare l'istruzione di importazione al di fuori di un modulo"Si verifica quando si utilizza la sintassi dei moduli ES6 in uno script che non è stato caricato come modulo. Per risolvere questo errore e utilizzare le importazioni del modulo ES6 in JavaScript, impostare il tipo di attributo del tag nel modulo nel codice HTML. Questo tutorial ha descritto ciò che il "Impossibile utilizzare l'istruzione di importazione al di fuori di un modulo"L'errore è, come si verifica e come risolverlo in JavaScript.