首页 >web前端 >js教程 >为什么 Firefox 不支持 ES2015 导入?

为什么 Firefox 不支持 ES2015 导入?

Linda Hamilton
Linda Hamilton原创
2024-10-22 19:08:34745浏览

Why Does Firefox Not Support ES2015 Imports?

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn