Angular AOT编译错误 "cannot determine module for class Component''

Question

我有一个 Angular (4.3.2) 应用程序，我想在其上执行 AOT 构建。应用程序是使用 @angular/cli 创建的。我有两个用 ng generate 搭建的组件和一个模块，其中两者都作为声明包含在内:

import {PrivateComponent} from './private.component/private.component';

NgModule({
   imports: [
      // other imports
      PrivateRoutingModule
   ],
   declarations: [
      ...some other components, 
      PrivateComponent, 
      AppTopBarComponent
   ]
   // other stuff 
}) 
export class PrivateModule {}

私有(private)组件也用于模块的路由:

const routes: Routes = [
  {path: '', component: PrivateComponent, children: // other components}
] 

@NgModule({
   imports: [RouterModule.forChild(routes)] // this is the Angular built-in router module
})
export class PrivateRoutingModule {}

注意路由是如何在另一个模块中定义并导入到 PrivateModule 中的AppTopBarComponent 在 PrivateComponent 的 模板中使用。所以两者都被使用和声明。但是当我使用 "node_modules/.bin/ngc"-p tsconfig-aot.json (我在 Windows 10 上)时，我收到此错误消息:无法确定(项目路径)/src/app/pages/private/private.component/private.component.ts 中类 PrivateComponent 的模块!将 PrivateComponent 添加到 NgModule 以修复它。无法确定 (path-to-project)/src/app/pages/private/app.topbar.component.ts 类 AppTopBarComponent 的模块!将 AppTopBarComponent 添加到 NgModule 以修复它。。我的 tsconfig-aot.json 文件与 Angular AOT build guide 中的完全相同.

Answer 1

确保你不会意外地让两个文件声明相同的组件

如果我在运行 ng g c 时位于错误的目录中，并且没有立即删除错误生成的文件，这经常发生在我身上。

ERROR in : Cannot determine the module for class FeatureBoxGroupComponent in S:/.../src/app/common-widgets/feature-widgets/feature-box-group/feature-box-group.component.ts! Add FeatureBoxGroupComponent to the NgModule to fix it.

在这个例子中，我在两个地方定义了 FeatureBoxGroupComponent:

src\app\common-widgets\feature-widgets\feature-box-group\feature-box-group.component.ts

src\app\feature-widgets\feature-box-group\feature-box-group.component.ts

当然，错误消息告诉我它有问题的确切文件 - 但很容易浏览。

只需在文件中查找组件名称，查看它被引用的所有地方，并确保它只被定义一次。