Używam ArcGIS JSAPI 4.12 i chcę używać Iluzji Przestrzennych do rysowania symboli wojskowych na mapie.
Gdy dodam milsymbol.js
do skryptu, konsola zwraca błąd
Uncaught SyntaxError: Nie można użyć instrukcji importu poza modułem`
więc dodaję type="module"
do skryptu, a następnie wraca
Uncaught ReferenceError: ms nie jest zdefiniowany
Oto mój kod:
<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>
Tak więc, niezależnie od tego, czy dodam, type="module"
czy nie, zawsze występują błędy. Jednak w oficjalnym dokumencie Spatial Illusions nie ma type="module"
takiego skryptu. Jestem teraz bardzo zmieszany. Jak udaje im się, aby działało bez dodawania typu?
Plik milsymbol.js
import { ms } from "./ms.js";
import Symbol from "./ms/symbol.js";
ms.Symbol = Symbol;
export { ms };
javascript
ecmascript-6
arcgis
arcgis-js-api
Jerry Chen
źródło
źródło
require()
. Sprawdź to wideoOdpowiedzi:
Wystąpił ten błąd, ponieważ zapomniałem typu = "moduł" wewnątrz tagu skryptu:
źródło
Wygląda na to, że przyczyną błędów są:
1) Aktualnie ładuje plik źródłowy w
src
katalogu zamiast wbudowanego pliku wdist
katalogu (można zobaczyć, co zamierzone rozprowadzane plik jest tutaj ). Oznacza to, że używasz kodu źródłowego natywną w niezmienionej / Stan uwolniony, co prowadzi do następującego błędu:Uncaught SyntaxError: Cannot use import statement outside a module
. Należy to naprawić za pomocą wersji pakietowej, ponieważ pakiet używa pakietu zbiorczego do utworzenia pakietu.2) Przyczyną
Uncaught ReferenceError: ms is not defined
błędu jest to, że moduły mają zasięg, a ponieważ ładujesz bibliotekę przy użyciu modułów rodzimych,ms
nie ma ona zasięgu globalnego i dlatego nie jest dostępna w następującym znaczniku skryptu.Wygląda na to, że powinieneś być w stanie załadować
dist
wersję tego pliku, która zostałams
zdefiniowana wwindow
. Sprawdź ten przykład od autora biblioteki, aby zobaczyć przykład tego, jak można to zrobić.źródło
require
na wbudowany pakiet bezpośrednio w kodzie.<script src="node_modules/milsymbol/dist/milsymbol.js"></script>
ale konsola wciąż powracaUncaught ReferenceError: ms is not defined
. Problemms
nie jest zdefiniowany wdist/milsymbol.js
, jest zdefiniowany wsrc/milsymbol.js
, ale wymagatype="module"
i spowoduje problem z zakresem. Czy jest na to jakieś rozwiązanie. Dzięki wielkie!Rozwiązałem ten problem, wykonując następujące czynności:
Jeśli korzystasz z modułów ECMAScript 6 z przeglądarki, użyj rozszerzenia .js w swoich plikach i dodaj znacznik skryptu
type = "module"
.Korzystając z modułów ECMAScript 6 ze środowiska Node.js, użyj rozszerzenia
.mjs
w swoich plikach i użyj tego polecenia, aby uruchomić plik:źródło
Miałem również ten sam problem, dopóki nie dodałem do skryptu type = "module". Wcześniej tak było
I po zmianie na
Działa idealnie
źródło
Błąd jest wyzwalany, ponieważ plik, do którego prowadzi łącze w pliku HTML, jest rozpakowaną wersją pliku. Aby uzyskać pełną wersję pakietu, musisz ją zainstalować z
npm
:Spowoduje to pobranie pełnego pakietu do Twojego
node_modules
folderu.Następnie możesz uzyskać dostęp do samodzielnego zminimalizowanego pliku JavaScript pod adresem
node_modules/milsymbol/dist/milsymbol.js
Możesz to zrobić w dowolnym katalogu, a następnie po prostu skopiować poniższy plik do swojego
/src
katalogu.źródło
--save
jest domyślna odnpm 5
&node 8
(2017): stackoverflow.com/q/36022926/1821548 , nodejs.dev/npm-dependencies-and-devdependencies , github.com/benmosher/eslint-plugin-import/issues/884 , auth0. com / blog / whats-new-in-node8-and-npm5Wystarczy dodać
.pack
nazwę i rozszerzenie w<script>
znaczniku w src. to znaczy:źródło