ECMAScript 6のインポート時に「キャッチされていないSyntaxError：モジュールの外部でimportステートメントを使用することはできません」

Question

私はArcGIS JSAPI 4.12を使用しており、 Spatial Illusions を使用して地図上に軍事シンボルを描画します。

スクリプトにmilsymbol.jsを追加すると、コンソールからエラーが返されます

キャッチされていないSyntaxError：モジュールの外ではimportステートメントを使用できません `

type="module"をスクリプトに追加すると、次が返されます

キャッチされていないReferenceError：msが定義されていません

これが私のコードです：

<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 };

Answer 1

Srcの.packタグの名前と拡張子の間に<script>を追加するだけです。例：

<script src="name.pack.js">
// code here
</script>