«Uncaught SyntaxError: невозможно использовать оператор импорта вне модуля» при импорте ECMAScript 6

Я использую ArcGIS JSAPI 4.12 и хочу использовать пространственные иллюзии для рисования военных символов на карте.

Когда я добавляю milsymbol.jsв скрипт, консоль возвращает ошибку

Uncaught SyntaxError: нельзя использовать оператор импорта вне модуля`

поэтому я добавляю type="module"в скрипт, а потом он возвращается

Uncaught ReferenceError: мс не определена

Вот мой код:

<link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css">
<script src="https://js.arcgis.com/4.12/"></script>
<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>
<script>
 require([
 "esri/Map",
 "esri/views/MapView",
 "esri/layers/MapImageLayer",
 "esri/layers/FeatureLayer"
 ], function (Map, MapView, MapImageLayer, FeatureLayer) {
 var symbol = new ms.Symbol("SFG-UCI----D", { size: 30 }).asCanvas(3);
 var map = new Map({
 basemap: "topo-vector"
 });
 var view = new MapView({
 container: "viewDiv",
 map: map,
 center: [121, 23],
 zoom: 7
 });
 });
</script>

Итак, добавляю я type="module"или нет, всегда есть ошибки. Однако в официальном документе Spatial Illusions type="module"в сценарии их нет. Я теперь действительно смущен. Как им удается заставить его работать без добавления типа?

Файл milsymbol.js

import { ms } from "./ms.js";
import Symbol from "./ms/symbol.js";
ms.Symbol = Symbol;
export { ms };

Решение проблемы

Обновление для Node.js/NPM

Добавьте "type": "module"в свой package.jsonфайл.

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

Примечание: при использовании модулей, если вы получаете ReferenceError: require is not defined, вам нужно будет использовать importсинтаксис вместо require. Вы не можете изначально смешивать и сочетать их, поэтому вам нужно выбрать один или использовать сборщик, если вам нужно использовать оба.