私は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 defined
、import
構文の代わりにrequire
それらをネイティブに組み合わせることはできないので、1つまたは複数を選択する必要があります。両方を使用する必要がある場合はバンドラーを使用してください。