Mengapa Saya Mendapat 'Uncaught SyntaxError: Tidak boleh menggunakan pernyataan import di luar modul' Apabila Mengimport Modul ECMAScript 6?

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

Ikhtisar

Apabila cuba mengimport milsimbol modul ECMAScript 6 .js ke dalam projek ArcGIS JSAPI, anda mungkin menghadapi ralat "Tidak ditangkap SyntaxError: Tidak boleh menggunakan pernyataan import di luar modul." Panduan ini menyediakan penyelesaian kepada ralat ini.

Masalah

Ralat berlaku kerana skrip milsymbol.js memerlukan persekitaran modul untuk menggunakan pernyataan import. Tanpa persekitaran modul, penyemak imbas tidak akan mengenali sintaks.

Penyelesaian

Untuk mendayakan persekitaran modul dalam projek ArcGIS JSAPI, anda boleh mengubah suai teg skrip yang termasuk milsymbol.js dengan menambah atribut type="module":

<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>

Ini akan mewujudkan persekitaran modul untuk skrip milsymbol.js, membenarkannya untuk menggunakan pernyataan import.

Alternatif untuk Node.js/NPM

Jika anda bekerja dengan Node.js/NPM, anda juga boleh mengkonfigurasi fail package.json untuk menggunakan sintaks modul :

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

Ini akan membolehkan sintaks modul sepanjang anda projek.

Penggunaan

Setelah persekitaran modul dikonfigurasikan, anda boleh menggunakan sintaks import untuk merujuk objek ms daripada milsymbol.js:

import { ms } from "milsymbol-2.0.0/src/milsymbol.js";

Perhatikan bahawa anda perlu menggunakan sintaks import dan bukannya sintaks yang diperlukan apabila bekerja dengan modul.

Atas ialah kandungan terperinci Mengapa Saya Mendapat 'Uncaught SyntaxError: Tidak boleh menggunakan pernyataan import di luar modul' Apabila Mengimport Modul ECMAScript 6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!