Die Import -Anweisung außerhalb des Moduls in JavaScript kann nicht verwendet werden

Module sind Teile des JavaScript -Codes, die in einer Datei geschrieben wurden. JavaScript -Module erleichtern die Modularisierung des Codes, indem der gesamte Code in Module getrennt wird, die von überall geladen werden können. Module werden zur Aufrechterhaltung, Debuggierung und Wiederverwendung von Code verwendet. Jedes Modul besteht aus einem Code, der beim Laden ausgeführt wird.

Dieses Tutorial wird beschreiben:

• Was "die Importanweisung außerhalb eines Moduls nicht verwenden kann" nicht verwenden kann "?
• Wie tritt "Fehler mit der Importanweisung außerhalb eines Moduls nicht" -Fehler "auf?
• So beheben?

Was in JavaScript "keine Importanweisung außerhalb des Moduls verwenden" wird?

Der "Die Importanweisung außerhalb eines Moduls kann nicht verwendet werden”Ist ein Fehler in JavaScript, dem Sie beim Importieren einer Anweisung von außerhalb des Moduls möglicherweise ausgesetzt sind.

Wie kommt es in JavaScript auf, dass „keine Importanweisung außerhalb des Moduls verwenden kann“?

Dieser Fehler tritt auf, während versucht wird, ES6 -Funktionen in einem JavaScript -Projekt zu verwenden, da Module eine neuere Version sind, die in ES6 enthalten ist und in dem jedes Modul durch eine eindeutige „definiert ist“.JS" Datei. Verwenden Sie die “, um Klassen mit ihren Eigenschaften, Funktionen, Variablen oder anderen Komponenten zwischen Dateien und Modulen zu importieren oder zu exportierenimportieren" oder "Export”Anweisung in einem Modul.

Mal sehen, wie dieser Fehler in JavaScript auftritt:

Beispiel
Wir haben ein JavaScript -Modul “Daten.JS"Das enthält die Klasse"Daten"Und eine Methode"Daten hinzufügen()Das wird in einem JavaScript -Projekt in einem Tag importimportieren" Stichwort:

Die angegebene Ausgabe zeigt, dass beim Import des Moduls das “Die Importanweisung außerhalb eines Moduls kann nicht verwendet werdenFehler treten auf:

Lassen Sie uns die Lösung sehen, um diesen Fehler zu beheben.

So beheben?

Um das zu reparierenDie Importanweisung außerhalb eines Moduls kann nicht verwendet werden"Fehler, setzen Sie das Typ -Attribut des Tags im Modul im HTML -Code auf das Modul. Jetzt können Sie die Syntax des ES6 -Moduls in Ihrem JavaScript -Code verwenden:

Das angegebene Fenster zeigt, dass der Fehler erfolgreich behoben wurde:

Wir haben die wesentlichen Informationen im Zusammenhang mit dem angegebenen Fehler zusammengestellt und die entsprechende Lösung bereitgestellt

Abschluss

Der "SyntaxError: Die Importanweisung außerhalb eines Moduls kann nicht verwendet werden”Tritt auf, wenn Sie die ES6 -Module -Syntax in einem Skript verwenden, das nicht als Modul geladen wurde. Um diesen Fehler zu beheben und ES6 -Modulimporte in JavaScript zu verwenden, legen Sie den Attributtyp des Tags auf das Modul im HTML -Code fest. In diesem Tutorial wurde beschrieben, was das "Die Importanweisung außerhalb eines Moduls kann nicht verwendet werdenFehler ist, wie es auftritt und wie es in JavaScript behoben wird.