Angular11升级至12后WebWorker加载返回404问题排查问询

• 检查Worker实例化写法
  Angular 12 起不再支持直接传入字符串路径的Worker引入方式，必须使用new Worker(new URL('./你的worker文件路径.worker.ts', import.meta.url))的标准ESM写法，否则CLI不会识别该文件为需要单独打包的WebWorker资源。
• 验证angular.json配置位置
  确认webWorkerTsConfig配置是放在对应项目的architect > build > options节点下，而非test、serve等其他配置节点，同时检查配置的tsconfig.worker.json路径拼写、大小写是否和实际文件路径一致。
• 核对tsconfig.worker.json匹配规则
  1. 确认你的WebWorker文件后缀符合include规则要求的*.worker.ts，如果你的文件命名为非标准后缀（如直接叫worker.ts），需要调整include规则为匹配你的文件命名格式，例如"src/**/*worker.ts"
  2. 检查主tsconfig.json或tsconfig.app.json的exclude配置，是否把worker文件所在路径排除在了主编译流程外（WebWorker需要独立编译，不能被主ts配置包含）
• 检查依赖版本一致性
  执行ng version确认所有@angular开头的依赖、@angular-devkit/build-angular的版本均为12.x稳定版，避免跨版本依赖冲突导致的编译规则失效。如果存在版本不一致，删除node_modules、package-lock.json/yarn.lock后重新执行依赖安装。
• 清理缓存后重新编译
  Angular 12 新增了本地构建缓存机制，旧缓存可能导致新配置不生效。删除项目根目录下的.angular缓存文件夹，再重新执行ng build或ng serve验证。
• 查看详细构建日志
  执行ng build --verbose，查看日志中是否存在对应worker文件的编译记录：如果没有出现worker文件的编译输出，说明文件未被规则匹配到；如果有编译记录但dist目录下没有对应文件，检查angular.json的assets配置是否存在规则覆盖/排除了worker输出资源。

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