Angular集成PWA报错：service-worker.d.ts版本不匹配及模块未找到

你遇到的这个错误核心原因很明确：Angular核心依赖版本不兼容。你用的@angular/service-worker是6.0.1版本，但项目里的@angular/compiler还是4.4.4版本，Angular对核心包的版本一致性要求很严格，跨主版本（4→6）混用就会触发元数据版本不匹配的报错。

下面是具体的修复步骤：

1. 同步@angular/service-worker版本到项目核心版本 #

执行以下命令，把Service Worker包降级到和你的Angular核心版本一致的4.4.4：

npm install @angular/service-worker@4.4.4 --save

2. 统一所有Angular核心依赖版本 #

打开你的package.json文件，检查所有以@angular/开头的依赖（比如@angular/core、@angular/common、@angular/compiler-cli等），确保它们的版本号都是4.4.4。如果有不一致的，同样用npm install命令把它们同步到这个版本，比如：

npm install @angular/core@4.4.4 --save

3. 清理缓存并重新构建 #

先清理旧的构建文件和依赖缓存：

• 手动删除项目根目录下的node_modules文件夹和dist文件夹
• 重新安装依赖：npm install
• 最后执行生产构建：ng build --prod

额外说明 #

如果之后你想使用Angular 6+的新PWA特性，需要把整个Angular生态（包括@angular/cli）都升级到对应的6.x版本，再按照官方文档重新配置PWA。但当前先解决版本不匹配的问题，才能让现有项目正常构建。

内容的提问来源于stack exchange，提问作者Naveen T P