“似乎不是 NgModule 类。” 更新到 Angular@15 后出错

Question

我正在尝试从 更新Angular@13到Angular@15。这样做之后，我收到了我完全不明白的编译错误。

\n

 \'SharedModule\' does not appear to be an NgModule class.\n  src/app/shared/shared.module.ts:127:14\n    127 export class SharedModule {\n                     ~~~~~~~~~~~~\n    Is it missing an @NgModule annotation?\n

\n

这是我在导入了其他模块的整个项目中使用的模块。\n这是该模块的代码。@NgModule注释是有的。

\n

 \'SharedModule\' does not appear to be an NgModule class.\n  src/app/shared/shared.module.ts:127:14\n    127 export class SharedModule {\n                     ~~~~~~~~~~~~\n    Is it missing an @NgModule annotation?\n

\n

编辑：

\n

我注意到此导入导致找不到 @NgModule 注释错误：\n LoadingIndicatorModule.forRoot({}),\n我不明白为什么。\n这里是源代码LoadingIndicatorModule

\n

import {NgModule} from \'@angular/core\';\nimport {CommonModule} from \'@angular/common\';\nimport {RouterModule} from \'@angular/router\';\n\nimport {FontAwesomeModule} from \'@fortawesome/angular-fontawesome\';\n\n\nimport {TooltipsModule} from \'@lukana/tooltips\';\nimport {DropdownsModule} from \'@lukana/dropdowns\';\n\nimport {SchematerModule} from \'@schemater/core\';\nimport {SchematerComponentsModule} from \'@schemater/components\';\nimport {SchematerFilterBarModule} from \'@schemater/filter-bar\';\nimport {DropdownComponent} from \'./components/dropdown/dropdown.component\';\nimport {BlankPageComponent} from \'@app/shared/pages/blank-page/blank-page.component\';\nimport {PageEmptyRouterOutletComponent} from \'@app/shared/pages/page-empty-router-outlet/page-empty-router-outlet.component\';\nimport {FormsModule, ReactiveFormsModule} from \'@angular/forms\';\nimport {StickyDirective} from \'./components/sticky/sticky.directive\';\nimport {LoadingIndicatorModule} from \'@lukana/loading-indicator\';\nimport {NgSelectModule} from \'@ng-select/ng-select\';\nimport {A11yModule} from \'@angular/cdk/a11y\';\nimport {FormularzeModule} from \'@app/utils/formularze/formularze.module\';\nimport {UprawnieniaSharedModule} from \'@app/administrator/uprawnienia/uprawnienia-shared/uprawnienia-shared.module\';\nimport {PokazUkryjModule} from \'@app/utils/pokaz-ukryj/pokaz-ukryj.module\';\nimport {IkonkiModule} from \'@app/shared/ikonki/ikonki.module\';\nimport {ClickStopPropagationDirective} from \'./components/click-stop-propagation.directive\';\nimport {DostosowanieSharedModule} from \'@app/dostosowanie/dostosowanie-shared/dostosowanie-shared.module\';\nimport {ListyModule} from \'@app/shared/listy/listy.module\';\nimport {ContainerResizeObserverModule} from \'@app/utils/container-resize-observer/container-resize-observer.module\';\nimport {IkonkaRozwijaniaModule} from \'@app/utils/ikonka-rozwijania/ikonka-rozwijania.module\';\nimport {ModulySharedModule} from \'@app/moduly/moduly-shared/moduly-shared.module\';\n// import {DragDropModule} from \'@angular/cdk/drag-drop\';\n\n// defineLocale(\'pl\', plLocale);\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    RouterModule,\n\n    A11yModule,\n    // BsDatepickerModule.forRoot(),\n    // SortablejsModule.forRoot({animation: 150}),\n    // DragDropModule,\n    NgSelectModule,\n    ModulySharedModule,\n\n    TooltipsModule,\n    DropdownsModule,\n    LoadingIndicatorModule.forRoot({}),\n    SchematerModule,\n    SchematerComponentsModule,\n    SchematerFilterBarModule,\n\n    UprawnieniaSharedModule,\n    IkonkiModule,\n\n    FormularzeModule,\n    PokazUkryjModule,\n\n    DostosowanieSharedModule,\n    ListyModule,\n    ContainerResizeObserverModule,\n  ],\n  declarations: [\n    // pages\n    BlankPageComponent,\n    PageEmptyRouterOutletComponent,\n    // components\n    DropdownComponent,\n    StickyDirective,\n    ClickStopPropagationDirective,\n  ],\n  exports: [\n    FormsModule,\n    ReactiveFormsModule,\n    RouterModule,\n    UprawnieniaSharedModule,\n    ModulySharedModule,\n\n    A11yModule,\n\n    FontAwesomeModule,\n    // BsDatepickerModule,\n    // SortablejsModule,\n    // DragDropModule,\n    NgSelectModule,\n    TooltipsModule,\n    DropdownsModule,\n    LoadingIndicatorModule,\n    SchematerModule,\n    SchematerComponentsModule,\n    SchematerFilterBarModule,\n\n    IkonkiModule,\n    FormularzeModule,\n    PokazUkryjModule,\n    // pages\n    BlankPageComponent,\n    PageEmptyRouterOutletComponent,\n\n    // components\n    DropdownComponent,\n    StickyDirective,\n    ClickStopPropagationDirective,\n\n    DostosowanieSharedModule,\n    ListyModule,\n    ContainerResizeObserverModule,\n  ],\n  // providers: [\n  //   {\n  //     provide: NG_SELECT_DEFAULT_CONFIG,\n  //     useValue: {\n  //       placeholder: \'\',\n  //       notFoundText: \'Nic nie znalaz\xc5\x82em\',\n  //       typeToSearchText: \'Wpisz by wyszuka\xc4\x87\',\n  //       addTagText: \'Dodaj tag\',\n  //       loadingText: \'Wgrywam\',\n  //       clearAllText: \'Wyczy\xc5\x9b\xc4\x87 wszystko\',\n  //     }\n  //   }\n  // ]\n})\nexport class SharedModule {\n}\n\n

\n

Answer 1

如果您要升级 Angular，请尝试运行 ngcc。您可以将 ngcc 添加为 package.json 中的 postinstall 并运行它。