在 Firefox 中匯入模組：解決語法錯誤

Firefox 中的ES2015 導入問題

Firefox 用戶在嘗試利用ES2015 導入和導出功能時遇到了令人費解的錯誤：

錯誤：

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

儘管將import 語句放置在腳本的頂層，但仍會發生此錯誤。這就提出了一個問題：Firefox 中的導入/導出支援是否不足？

解決方案：
與直覺相反，錯誤源自於缺少模組聲明。要啟用模組化加載，請透過添加 type="module" 屬性來明確指示腳本是一個模組：

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

此聲明允許在模組內使用 import 語句。

瀏覽器支援：
現代瀏覽器完全支援匯入/匯出：

• Firefox 60
• Comeom 65（ Android）
• Safari 1.1

對於早期瀏覽器版本，可能需要啟用實驗性標誌：

• Chrome Canary 60：啟用「實驗性Web平台”標誌。
• Firefox 54：在 about:config 中設定「dom.moduleScripts.enabled」首選項。
• Edge 15：啟用「實驗性 JavaScript 功能」標誌。

以上是在 Firefox 中匯入模組：解決語法錯誤的詳細內容。更多資訊請關注PHP中文網其他相關文章！