為什麼 Firefox 不支援 ES2015 導入？

ES2015 Import 可以在 Firefox 工作嗎？

儘管將import 語句放在t1.js 檔案的頂層，但您會遇到錯誤：「語法錯誤：導入聲明只能出現在模組的頂層。」這表示Firefox 可能不完全支援ES2015 導入功能。

理解正確的頂層要求

雖然您的導入語句位於 t1 的開頭。對於 Node.js，需要注意的是檔案本身必須明確表明它是作為模組載入的。僅僅將 import 語句放在非模組檔案的頂部是不夠的。

如何在Firefox 中啟用模組載入

要解決此問題，您需要將「type」屬性新增至腳本標記，指定它是一個模組：

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

瀏覽器相容性

目前完全支援ES2015 導入/匯出功能在以下瀏覽器版本及更高版本中（查看caniuse.com 以獲取最新列表)：

• Firefox 60
• Chrome（桌面）65
• Chrome (Android) 66
• Safari 11 🎜>
在舊版瀏覽器中啟用模組支援

對於舊版瀏覽器，您可能需要啟用某些標誌：

Chrome Canary 60：「實驗性Web 平台」標誌

Firefox 54：「dom.moduleScripts.enabled」設定
• Edge 15：「實驗性JavaScript 功能」標誌

以上是為什麼 Firefox 不支援 ES2015 導入？的詳細內容。更多資訊請關注PHP中文網其他相關文章！