ECMAScript 6 をインポートするときに「Uncaught SyntaxError: モジュール外でインポート ステートメントを使用できません」というエラーが発生する 質問する

ECMAScript 6 をインポートするときに「Uncaught SyntaxError: モジュール外でインポート ステートメントを使用できません」というエラーが発生する 質問する

私はArcGIS JSAPI 4.12を使用していますが、空間の錯覚地図上に軍事シンボルを描く。

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

キャッチされない構文エラー: モジュール外でインポート ステートメントを使用できません`

type="module"スクリプトに追加すると、戻ります

キャッチされない参照エラー: 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 };

ベストアンサー1

Node.js / NPM のアップデート

追加"type": "module"あなたのpackage.jsonファイル。

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

: モジュールを使用する場合、 を取得する場合はReferenceError: require is not definedimport構文の代わりにrequireそれらをネイティブに組み合わせることはできないので、1つまたは複数を選択する必要があります。両方を使用する必要がある場合はバンドラーを使用してください

おすすめ記事