JavaScript模块导入导出失败：找不到导入绑定名称'Person'

嘿，我之前也踩过跨系统的ES模块路径坑，结合你说的Windows正常、Mac三大浏览器都报错的情况，给你几个针对性的排查方向：

• 检查文件名与导入路径的大小写一致性
  MacOS的文件系统是大小写敏感的，而Windows不是。比如如果你的实际文件名是Person.js，但导入时写的是/js/person.js，Windows会自动匹配，但Mac上浏览器会找不到这个文件，进而抛出绑定名称不存在的错误。仔细核对person.js的实际文件名和你在script.js里的导入路径，确保大小写完全一致。

• 调整导入路径为相对路径
  如果你是直接打开本地index.html（用file://协议），Mac浏览器对绝对路径的处理和Windows有差异。试试把script.js里的导入改成相对路径：

  import {Person} from './person.js';
  

  （前提是script.js和person.js在同一个js文件夹下）。如果是用本地服务器运行，确认服务器的根目录配置正确，确保/js/person.js确实指向正确的文件位置。

• 清除浏览器缓存
  Mac的浏览器可能缓存了旧的模块文件，导致新的代码没生效。试试强制刷新页面（Cmd + Shift + R），或者打开开发者工具的Network标签，勾选「Disable cache」后重新加载页面。

• 验证服务器的MIME类型配置
  如果是通过本地服务器运行项目，检查服务器是否正确返回.js文件的MIME类型为application/javascript。有些轻量服务器在Mac上的默认配置可能有问题，导致模块文件被当作普通文本返回，浏览器无法识别为ES模块。你可以在开发者工具的Network标签里查看person.js的Response Headers，确认Content-Type字段是否正确。

内容的提问来源于stack exchange，提问作者Bryan Green