Mengapa saya mendapat 'Uncaught SyntaxError: Tidak boleh menggunakan pernyataan import di luar modul' apabila mengimport modul ES6 dalam ArcGIS JSAPI?

"Uncaught SyntaxError: Tidak boleh menggunakan pernyataan import di luar modul" apabila mengimport ECMAScript 6

Apabila cuba menggunakan Ilusi Ruang untuk melukis simbol ketenteraan pada peta menggunakan ArcGIS JSAPI 4.12, seseorang mungkin menghadapi ralat "Uncaught SyntaxError: Tidak boleh menggunakan pernyataan import di luar modul" semasa mengimport milsymbol.js. Punca isu ini terletak pada hakikat bahawa modul ECMAScript 6 (ES6), yang menggunakan kata kunci import, memerlukan elemen untuk mempunyai atribut type="module".

Menambah type="module" pada elemen akan menyelesaikan pernyataan Tidak boleh menggunakan import di luar ralat modul. Walau bagaimanapun, ini mungkin membawa kepada ralat lain: "Uncaught ReferenceError: ms is not definition". Ini berlaku kerana fail milsymbol.js mengandungi modul ES6 dan modul ES6 mesti diimport menggunakan sintaks import dan bukannya memerlukan.

Untuk membetulkannya, kemas kini fail package.json anda dengan menambahkan "type": "module ". Ini akan memberitahu enjin JavaScript bahawa kod anda menggunakan modul ES6.

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

Sebagai alternatif, anda boleh menggunakan pengikat seperti Rollup atau Webpack untuk menggabungkan kod anda ke dalam satu fail yang boleh disertakan dalam standard elemen.

Dalam konteks Ilusi Ruang, dokumentasi rasmi tidak menyatakan type="modul" dalam elemen kerana mereka menganggap anda menggunakan bundler. Jika anda tidak menggunakan pengikat, anda perlu menambah type="modul" pada elemen dan kemas kini fail package.json anda dengan "type": "module".

Atas ialah kandungan terperinci Mengapa saya mendapat 'Uncaught SyntaxError: Tidak boleh menggunakan pernyataan import di luar modul' apabila mengimport modul ES6 dalam ArcGIS JSAPI?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!