Warum erhalte ich beim Importieren von ECMAScript 6-Modulen die Fehlermeldung „Uncaught SyntaxError: Import-Anweisung kann nicht außerhalb eines Moduls verwendet werden'?

„Uncaught SyntaxError: Import-Anweisung kann nicht außerhalb eines Moduls verwendet werden“ beim Importieren von ECMAScript 6

Übersicht

Beim Versuch, das ECMAScript 6-Modul milsymbol zu importieren .js in ein ArcGIS JSAPI-Projekt einfügen, kann es zu der Fehlermeldung „Uncaught SyntaxError: Cannot use import“ kommen Anweisung außerhalb eines Moduls. Dieses Handbuch bietet eine Lösung für diesen Fehler.

Problem

Der Fehler tritt auf, weil das milsymbol.js-Skript eine Modulumgebung erfordert, um die Importanweisung zu verwenden. Ohne eine Modulumgebung erkennt der Browser die Syntax nicht.

Lösung

Um eine Modulumgebung im ArcGIS JSAPI-Projekt zu aktivieren, können Sie das Skript-Tag, das milsymbol.js enthält, durch Hinzufügen ändern das Attribut „type="module":

<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>

Dadurch wird eine Modulumgebung für das milsymbol.js-Skript erstellt, die es ihm ermöglicht, den Import zu verwenden Anweisung.

Alternative für Node.js/NPM

Wenn Sie mit Node.js/NPM arbeiten, können Sie die Datei package.json auch so konfigurieren, dass sie die Modulsyntax verwendet:

{
  // ...
  "type": "module",
  // ...
}

Dadurch wird die Modulsyntax in Ihrem gesamten aktiviert Projekt.

Verwendung

Sobald die Modulumgebung konfiguriert ist, können Sie die Importsyntax verwenden, um auf das MS-Objekt von milsymbol.js zu verweisen:

import { ms } from "milsymbol-2.0.0/src/milsymbol.js";

Beachten Sie, dass Sie Beim Arbeiten mit Modulen muss die Importsyntax anstelle der Require-Syntax verwendet werden.

Das obige ist der detaillierte Inhalt vonWarum erhalte ich beim Importieren von ECMAScript 6-Modulen die Fehlermeldung „Uncaught SyntaxError: Import-Anweisung kann nicht außerhalb eines Moduls verwendet werden'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!