React/TS项目build后仅Firefox报Object(...) is not a function错误
问题排查步骤
- 首先定位错误对应源码位置:本地执行带sourcemap的生产构建,使用Firefox访问本地静态构建产物,将压缩后的错误栈映射到未压缩的源码,确认
Object(...) is not a function对应的具体调用逻辑。 - 排查浏览器API兼容问题:重点核查代码及第三方依赖中是否使用了仅WebKit内核(Chrome/Safari)支持、Firefox未实现的Web API,可对照浏览器兼容性列表确认相关调用的适配性。
- 检查构建配置兼容范围:确认项目browserslist、tsconfig target、babel preset-env配置是否将Firefox纳入兼容目标,可显式在browserslist中添加
last 2 firefox versions后重新构建测试。 - 核查部署配置正确性:确认谷歌云存储桶中
.js文件的MIME类型配置为application/javascript,Firefox对错误MIME类型的JS文件解析规则与Chrome存在差异,易触发模块导出异常。
快速验证方法
- 关闭Firefox所有扩展后使用无痕模式访问线上地址,排除扩展注入代码冲突。
- 本地使用静态服务(如
npx serve build)启动构建产物后在Firefox访问,若可复现则问题出在代码/构建环节,若不可复现则优先排查云存储配置、CDN缓存问题。
内容的提问来源于stack exchange,提问作者arc_0412
相关产品推荐
相关产品推荐

