Mengapa Pengisytiharan Import ES2015 Gagal dalam Firefox, Walaupun Berada di Peringkat Teratas?

Pengisytiharan Import ES2015 Tidak Berfungsi dalam Firefox, Walaupun di Peringkat Atas

Pengguna yang cuba menggunakan pengisytiharan import ES2015 dalam fail HTML mereka untuk penyemak imbas modul JavaScript berasaskan menghadapi ralat pelik dalam Firefox 46. Mesej ralat, "SyntaxError: pengisytiharan import mungkin hanya muncul di peringkat teratas modul," nampaknya membingungkan memandangkan pernyataan import diletakkan pada awal fail skrip .

Keperluan Firefox untuk Pengisytiharan Modul Eksplisit

Ralat dalam Firefox berpunca daripada fakta bahawa sokongan modul ES2015 tidak didayakan secara lalai dalam penyemak imbas. Untuk menggunakan modul dengan import dan eksport, anda mesti menyatakan dengan jelas bahawa anda menggunakan modul dengan menambahkan atribut "type=module" pada teg skrip yang mengimport modul.

Sebagai contoh, fail HTML dalam soalan hendaklah diubah suai seperti berikut:

<code class="html"><script src="t1.js" type="module"></script></code>

Pengubahsuaian ini menjelaskan kepada Firefox bahawa skrip adalah modul, membenarkan pengisytiharan import berfungsi dengan betul.

Sokongan Penyemak Imbas untuk Modul ES2015

Sokongan modul ES2015 dalam penyemak imbas masih agak baharu dan berbeza-beza merentas pelayar dan versi yang berbeza. Berikut ialah jadual yang meringkaskan sokongan penyemak imbas untuk keupayaan import/eksport ES2015:

Browser	Version	Support
Firefox	60	Fully supported
Chrome (desktop)	65	Fully supported
Chrome (android)	66	Fully supported
Safari	1.1	Fully supported
Older Browsers	Varies	May require enabling experimental flags

Jika anda menggunakan penyemak imbas lama atau versi tanpa sokongan modul terbina dalam, anda mungkin perlu mendayakan bendera percubaan untuk mengaktifkan ini ciri. Bendera dan arahan tertentu berbeza-beza bergantung pada penyemak imbas.

Atas ialah kandungan terperinci Mengapa Pengisytiharan Import ES2015 Gagal dalam Firefox, Walaupun Berada di Peringkat Teratas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!