Warum erhalte ich beim Importieren von milsymbol.js in ArcGIS JSAPI 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

Beim Einbinden der milsymbol.js-Bibliothek in Ihr ArcGIS Wenn Sie ein JSAPI-Projekt verwenden, um militärische Symbole auf Ihrer Karte anzuzeigen, können Fehler wie „Uncaught SyntaxError: Import kann nicht verwendet werden“ auftreten Anweisung außerhalb eines Moduls“ oder „Uncaught ReferenceError: ms ist nicht definiert.“

Fehler verstehen

Der erste Fehler: „Uncaught SyntaxError: Import-Anweisung kann nicht außerhalb verwendet werden ein Modul“ gibt an, dass die Importsyntax außerhalb eines Modulkontexts nicht unterstützt wird. Um dieses Problem zu beheben, müssen Sie type="module" zum Skriptelement hinzufügen, das milsymbol.js lädt.

Der zweite Fehler „Uncaught ReferenceError: ms ist nicht definiert“ tritt auf, weil die ms-Variable nicht definiert ist, wenn unter Verwendung der Importsyntax. Dies liegt daran, dass Importanweisungen zum Standardexport des Moduls aufgelöst werden. In milsymbol.js ist der Standardexport {ms}, daher müssen Sie ihn als solchen importieren.

Fehler beheben

1. Add type=" module“ zum Skriptelement für milsymbol.js:

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

2. Importieren Sie das ms-Variable in Ihrem Hauptskript:

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

Verstehen der offiziellen Dokumentation

In der offiziellen Spatial Illusions-Dokumentation stellen Sie möglicherweise fest, dass das Skriptelement dies tut nicht type="module." Dies liegt daran, dass sich die Dokumentation an Benutzer richtet, die einen Bundler wie Webpack oder Rollup zum Bündeln ihres Codes verwenden. Bei Verwendung eines Bundlers ist der Typ „module“ nicht erforderlich, da der Bundler die Modulauflösung automatisch übernimmt.

Fazit

Wenn Sie die oben genannten Schritte befolgen, werden Sie kann die Fehler beheben, die beim Importieren von ECMAScript 6-Modulen in Ihr ArcGIS JSAPI-Projekt aufgetreten sind. Denken Sie daran, die Verwendung eines Bundlers in Betracht zu ziehen, wenn Sie die Anforderungs- und Importsyntax mischen und anpassen müssen.

Das obige ist der detaillierte Inhalt vonWarum erhalte ich beim Importieren von milsymbol.js in ArcGIS JSAPI 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!