Angular 5执行ng build --prod报错：无法解析全部参数

嘿，我处理过不少Angular项目的生产构建问题，你遇到的这个Can't resolve all parameters错误，在Angular 5的AoT编译（生产构建默认启用）里特别常见，本质是依赖注入的配置不符合严格编译的要求。结合你给出的构建日志（那些chunk体积异常小，说明编译在早期就失败了，没生成完整代码），咱们一步步排查：

1. 确认服务都加了@Injectable()装饰器 #

Angular 5的生产构建（AoT）对依赖注入的要求比开发模式严得多，所有需要被注入的服务必须显式添加@Injectable()装饰器，并且正确配置提供者：

• 要么在装饰器里指定providedIn（推荐方式）：

@Injectable({
  providedIn: 'root'
})
export class YourService {
  constructor(private http: HttpClient) {}
}

• 要么在对应的NgModule的providers数组里声明这个服务：

@NgModule({
  providers: [YourService]
})
export class AppModule {}

如果漏掉@Injectable()，AoT编译器会无法识别这个类是可注入的服务，进而抛出参数解析错误。

2. 检查非类依赖的注入标记 #

如果你的组件/服务里注入的不是一个类（比如自定义的InjectionToken、字符串token），必须用@Inject()装饰器明确标记：

import { Inject } from '@angular/core';
import { APP_BASE_HREF } from '@angular/common';

constructor(@Inject(APP_BASE_HREF) private baseHref: string) {}

要是没加这个装饰器，AoT编译时会找不到该参数对应的提供者，直接报错。

3. 排查循环依赖问题 #

如果两个服务互相依赖（比如ServiceA注入ServiceB，ServiceB又注入ServiceA），就会导致参数解析失败。解决办法是用forwardRef()来延迟引用：

import { Inject, forwardRef } from '@angular/core';
import { ServiceB } from './service-b';

@Injectable({ providedIn: 'root' })
export class ServiceA {
  constructor(@Inject(forwardRef(() => ServiceB)) private serviceB: ServiceB) {}
}

同时在ServiceB里也要做对应的处理：

import { Inject, forwardRef } from '@angular/core';
import { ServiceA } from './service-a';

@Injectable({ providedIn: 'root' })
export class ServiceB {
  constructor(@Inject(forwardRef(() => ServiceA)) private serviceA: ServiceA) {}
}

4. 核对模块的声明与提供者 #

确保所有用到的组件、指令、服务都正确添加到了对应NgModule的declarations（组件/指令）或providers（服务）数组里，尤其是懒加载模块中的服务，要注意作用域是否正确（比如要不要用forRoot()模式提供单例服务）。

5. 清理缓存后重新构建 #

有时候旧的构建缓存会导致奇怪的编译错误，你可以：

• 手动删除项目根目录下的dist文件夹
• 删除.angular-cli缓存文件夹（如果有的话）
• 然后重新执行ng build --prod

6. 获取完整的错误信息 #

你给出的错误日志被截断了，完整的错误信息应该会指明具体是哪个类的参数无法解析（比如ERROR in : Can't resolve all parameters for UserService: ([object Object], ?)），拿到这个信息后就能精准定位到出问题的地方，排查起来会更快。

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