Kan ikke bruke importuttalelse utenfor modulen i JavaScript

Moduler er biter av JavaScript -kode skrevet i en fil. JavaScript -moduler letter modulariseringen av kode ved å skille hele koden i moduler som kan lastes fra hvor som helst. Moduler brukes til å vedlikeholde, feilsøke og gjenbruke kode. Hver modul består av et stykke kode som utføres ved lasting.

Denne opplæringen vil beskrive:

• Hva er "kan ikke bruke importuttalelse utenfor en modul"?
• Hvordan kan "ikke bruke importuttalelse utenfor en modul" -feil oppstår?
• Hvordan fikse “Kan ikke bruke importuttalelse utenfor en modul” -feil?

Hva er "kan ikke bruke importuttalelse utenfor modulen" i JavaScript?

“Kan ikke bruke importuttalelse utenfor en modul”Er en feil i JavaScript som du kan møte mens du importerer enhver uttalelse fra utenfor modulen.

Hvordan kan "ikke bruke importuttalelse utenfor modulen" i JavaScript?

Denne feilen oppstår mens du prøver å bruke ES6 -funksjoner i et JavaScript -prosjekt, da moduler er en nyere versjon inkludert i ES6, der hver modul er definert av en unik ".JS”Fil. For å importere eller eksportere klasser med sine egenskaper, funksjoner, variabler eller andre komponenter mellom filer og moduler, bruker du “import”Eller“eksport”Uttalelse i en modul.

La oss se hvordan denne feilen oppstår i JavaScript:

Eksempel
Vi har en JavaScript -modul "data.JS”Som inneholder klassen”Data”Og en metode”addata ()”Det vil importere i et JavaScript -prosjekt i en tag ved hjelp av“import”Nøkkelord:

Den gitte utgangen viser at mens du importerer modulen, "Kan ikke bruke importuttalelse utenfor en modul”Feil oppstår:

La oss se løsningen for å fikse denne feilen.

Hvordan fikse “Kan ikke bruke importuttalelse utenfor en modul” -feil i JavaScript?

For å fikse “Kan ikke bruke importuttalelse utenfor en modul”Feil, angi typeattributtet til taggen til modulen i HTML -kode. Nå kan du bruke syntaksen til ES6 -modulen i JavaScript -koden din:

Det gitte vinduet viser at feilen er løst vellykket:

Vi har samlet den essensielle informasjonen relatert til den oppgitte feilen og gitt den aktuelle løsningen

Konklusjon

“SyntaxError: Kan ikke bruke importuttalelse utenfor en modul”Forekommer når du bruker syntaks for ES6 -modulene i et skript som ikke ble lastet som en modul. For å løse denne feilen og bruke import av ES6 -modul i JavaScript, angi typen attributt til taggen til modulen i HTML -kode. Denne opplæringen beskrev hva “Kan ikke bruke importuttalelse utenfor en modul”Feil er, hvordan det oppstår og hvordan du fikser det i JavaScript.