使用--source-maps参数构建Flutter Web未生成sourcemap怎么办
Flutter Web构建后sourcemap文件找不到的解决方法
高频踩坑提示:不要在项目根目录的
web目录下查找构建产物,该目录仅存放项目原始静态资源、index.html模板等源文件,所有编译输出的文件默认存放在build/web路径下。
按以下顺序排查即可拿到正确的sourcemap文件:
- 优先检查正确输出路径
构建完成后打开build/web目录,主包sourcemap文件为和main.dart.js同层级的main.dart.js.map;如果项目开启了懒加载分片,每个分片JS对应的.map文件会和对应分片JS存放在同一目录。 - 补全构建参数解决版本兼容问题
多个Flutter稳定版本存在单独加--source-maps参数不生效的bug,使用以下完整命令可稳定生成sourcemap:
注意:如果构建时传入了fvm flutter build web --release --source-maps --no-obfuscate -t lib/main_live.dart--split-debug-info <自定义目录>参数,sourcemap会输出到你指定的调试信息拆分目录中,不会存放在build/web路径下。 - 全局搜索快速定位文件
手动翻目录找不到时,直接在项目根目录执行命令全局搜索.map后缀文件即可定位:- Windows环境:
dir /s /b *.map - Mac/Linux环境:
find . -name "*.map"
- Windows环境:
- 低版本适配
Flutter 3.0以下的旧版本Web端--source-maps参数存在未修复的生成缺陷,升级到Flutter 3.3及以上稳定版本后重新构建即可正常输出sourcemap。
内容的提问来源于stack exchange,提问作者Christian
相关产品推荐
相关产品推荐

