在 Firefox 中导入模块：解决语法错误

Firefox 中的 ES2015 导入问题

Firefox 用户在尝试利用 ES2015 导入和导出功能时遇到了令人费解的错误：

错误：

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

尽管将 import 语句放置在脚本的顶层，但仍会发生此错误。这就提出了一个问题：Firefox 中的导入/导出支持是否不足？

解决方案：
与直觉相反，错误源于缺少模块声明。要启用模块化加载，请通过添加 type="module" 属性来显式指示脚本是一个模块：

<code class="html">&lt;script src=&quot;t1.js&quot; type=&quot;module&quot;&gt;&lt;/script&gt;</code>

此声明允许在模块内使用 import 语句。

浏览器支持：
现代浏览器完全支持导入/导出：

• Firefox 60
• Chrome 65（桌面和 Android）
• Safari 1.1

对于早期浏览器版本，可能需要启用实验性标志：

• Chrome Canary 60：启用“实验性 Web 平台”标志。
• Firefox 54：在 about:config 中设置“dom.moduleScripts.enabled”首选项。
• Edge 15：启用“实验性 JavaScript 功能”标志。

以上是在 Firefox 中导入模块：解决语法错误的详细内容。更多信息请关注PHP中文网其他相关文章！