Mengapa Saya Mendapat 'Uncaught SyntaxError: Tidak Dapat Menggunakan Pernyataan Import di Luar Modul' dalam ArcGIS JSAPI 4.12?

Uncaught SyntaxError: Tidak Boleh Menggunakan Pernyataan Import di Luar Modul Apabila Mengimport ECMAScript 6

Pengenalan:
Bila menggabungkan modul ECMAScript 6 ke dalam ArcGIS JSAPI 4.12, anda mungkin menghadapi SyntaxError yang berkaitan dengan pernyataan import. Ralat ini berlaku apabila cuba menggunakan pernyataan import di luar modul JavaScript.

Penyelesaian:
Untuk menyelesaikan isu ini, langkah berikut perlu diambil:

1. Tambahkan "type": "module" pada package.json (Node.js / NPM):
Jika menggunakan Node.js / NPM, navigasi ke fail package.json dan tambah baris berikut:

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

2. Ubah suai fail milsymbol.js:
Cari fail milsymbol.js dan ubah suainya seperti berikut:

// Import statements should be placed inside the module block
import { ms } from "./ms.js";

import Symbol from "./ms/symbol.js";
ms.Symbol = Symbol;

export { ms };

Nota:
Apabila menggunakan modul, ia adalah penting untuk secara konsisten menggunakan import atau memerlukan sintaks merentas pangkalan kod. Mencampurkannya boleh membawa kepada masalah. Jika anda menghadapi ReferenceError: require is not definition, tukar kepada import sintaks atau gunakan bundler.

Atas ialah kandungan terperinci Mengapa Saya Mendapat 'Uncaught SyntaxError: Tidak Dapat Menggunakan Pernyataan Import di Luar Modul' dalam ArcGIS JSAPI 4.12?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!