如何阻止Flutter Web使用Canvaskit，避免加载canvaskit.wasm文件

先排查两个常见的配置失效原因：

• 手动配置的window.flutterWebRenderer位置错误：该代码必须放在web/index.html的<head>标签底部，紧挨着引入main.dart.js的script标签之前，如果放在body中或者Flutter自动生成的初始化代码之后，配置会被覆盖失效。
• 第三方依赖强制依赖CanvasKit：部分涉及自定义绘制、3D渲染、图表类的Flutter Web插件会硬编码要求使用CanvasKit渲染器，哪怕全局配置了HTML渲染器也会触发canvaskit.wasm的加载。你可以新建空Flutter Web项目用相同参数构建测试，如果空项目不会拉取对应文件，就需要排查并移除项目中强制依赖CanvasKit的插件。

以下是强制禁用CanvasKit的完整操作步骤：

1. 添加全局渲染器配置
   在项目根目录的pubspec.yaml中添加如下配置，固定全局渲染器为HTML，避免构建参数偶发失效：

flutter:
  web:
    renderer: html

2. 执行带强制参数的构建命令
   不要仅使用--web-renderer html参数，额外增加--no-web-resources-cdn禁止Flutter拉取远程CDN的CanvasKit资源，完整命令如下：

flutter clean && flutter build web --web-renderer html --no-web-resources-cdn --release

3. 兜底修改构建产物
   如果经过上述操作后仍然存在canvaskit.wasm的请求，直接修改build/web/index.html，删除所有和CanvasKit、canvaskit相关的配置代码，确认window.flutterWebRenderer = "html"的配置保留即可。

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