Angular 5执行ng build --prod报错：需将AdminLoginComponent添加至NgModule

这个错误是Angular编译时的典型问题——编译器找不到AdminLoginComponent所属的NgModule，必须把组件明确声明在某个模块里才能让编译器识别它。按照下面的步骤修改你的app.module.ts就能搞定：

步骤1：完整导入组件 #

先在app.module.ts的顶部补全AdminLoginComponent的导入语句，确保文件路径准确：

import { AdminLoginComponent } from './admin-login/admin-login.component';

步骤2：在NgModule中声明组件 #

找到@NgModule装饰器里的declarations数组，把AdminLoginComponent添加进去——这一步是明确告诉Angular：这个组件属于当前的AppModule：

@NgModule({
  declarations: [
    // 保留你已有的组件、指令、管道
    AdminLoginComponent // 新增这一行
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    ReactiveFormsModule
    // 保留你已导入的其他模块
  ],
  providers: [],
  bootstrap: [AppComponent] // 你的根组件，比如AppComponent
})
export class AppModule { }

额外提示 #

如果这个组件需要被其他模块引用（比如在另一个模块的模板里使用），还要把它加到exports数组里：

exports: [
  AdminLoginComponent
]

另外要确认组件文件的路径和导入路径完全匹配，别写错文件夹名或者文件名哦！

改完之后重新运行ng build --prod，应该就能顺利完成编译了。

内容的提问来源于stack exchange，提问作者Niladri Banerjee - Uttarpara