Mengimport Modul dalam Firefox: Membongkar SyntaxError

Kesedihan Import ES2015 dalam Firefox

Pengguna Firefox telah menghadapi ralat yang membingungkan semasa cuba memanfaatkan ciri import dan eksport ES2015:

Ralat:

SyntaxError: import declarations may only appear at top level of a module

Ralat ini berlaku walaupun meletakkan pernyataan import di peringkat atas skrip. Ini menimbulkan persoalan: adakah sokongan import/eksport dalam Firefox kekurangan?

Penyelesaian:
Bertentangan dengan gerak hati, ralat berpunca daripada pengisytiharan modul yang hilang. Untuk mendayakan pemuatan modular, nyatakan secara eksplisit bahawa skrip ialah modul dengan menambahkan atribut type="module":

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

Pengisytiharan ini membenarkan penggunaan pernyataan import dalam modul.

Sokongan Pelayar:
Import/eksport disokong sepenuhnya dalam penyemak imbas moden:

• Firefox 60
• Chrome 65 (desktop dan Android)
• Safari 1.1

Untuk versi penyemak imbas terdahulu, mendayakan bendera percubaan mungkin diperlukan:

• Chrome Canary 60: Dayakan bendera "Platform Web Eksperimen".
• Firefox 54: Tetapkan pilihan "dom.moduleScripts.enabled" dalam about:config.
• Tepi 15: Dayakan bendera "Ciri JavaScript Eksperimen".

Atas ialah kandungan terperinci Mengimport Modul dalam Firefox: Membongkar SyntaxError. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!