为什么在 Firefox 46 中 ES2015 导入失败？

Firefox 中的 ES2015 导入错误

在 Firefox 46 中，使用 ES2015 语法导入模块失败，并显示错误：“SyntaxError：导入声明只能出现在模块的顶层。”但是，目前还不清楚如何才能更高级。

实际原因和解决方案

错误消息具有误导性。实际问题是 Firefox 需要明确指示脚本正在作为模块加载。在 script 标签中添加“type=module”属性可以解决该问题：

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

浏览器支持

以下浏览器完全支持 ES2015 导入/导出版本：

• Firefox 60
• Chrome（桌面）65
• Chrome（安卓）66
• Safari 11

在早期版本中，可以通过实验性标志启用该功能：

• Chrome Canary 60：实验性 Web 平台标志
• Firefox 54：关于 dom.moduleScripts.enabled 设置： config
• Edge 15：about:flags 中的实验性 JavaScript 功能设置

以上是为什么在 Firefox 46 中 ES2015 导入失败？的详细内容。更多信息请关注PHP中文网其他相关文章！