Flutter Web应用在iOS 12.5.4的iPhone 6 Plus设备上无法运行如何解决

iOS 12及以下系统的Safari内核不支持Flutter 2.x Web默认配置的部分特性，同时Firebase v9的模块化语法也存在兼容性问题，按以下步骤调整即可解决：

1. 修改构建参数 #

• 强制使用HTML渲染器：iOS12的Safari对CanvasKit渲染引擎兼容性极差，构建时必须指定使用HTML渲染器，在构建命令中添加--web-renderer html参数
• 禁用浏览器异步图片解码：该特性在iOS12上存在兼容性缺陷，构建命令添加--dart-define=BROWSER_IMAGE_DECODING_ENABLED=false参数
• 完整构建命令参考：

flutter build web --release --web-renderer html --dart-define=BROWSER_IMAGE_DECODING_ENABLED=false

2. 引入JS兼容垫片 #

iOS12缺失大量ES6+的原生JS API，需要在项目web/index.html的<head>标签最顶部引入兼容垫片，垫片请自行下载core-js、regenerator-runtime的离线包放入项目web目录后本地引用。

3. 适配Firebase v9兼容性 #

Firebase v9默认的模块化编译产物使用了大量iOS12不支持的高级JS语法，两种解决方案二选一：

• 降级Firebase SDK到v8版本，v8版本原生兼容iOS12及以上系统
• 配置构建工具对Firebase相关代码进行转译，将高版本ES语法转译为ES5兼容语法

4. 调试验证 #

调整完成后可使用Xcode启动iOS12版本的模拟器访问本地调试地址，打开Safari开发者工具查看控制台报错，针对性修复剩余兼容性问题即可。

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