Я использую 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
. Вы не можете изначально смешивать и сочетать их, поэтому вам нужно выбрать один или использовать сборщик, если вам нужно использовать оба.
Комментариев нет:
Отправить комментарий