无法导入LocalizeRouterModule类（Angular迁移）

Question

我目前正在进行从 8.2 到 9.1.13 的 Angular 迁移。 编译器正在工作，但是当我进入该页面时，我有一个空白页面。控制台给出了这个错误 当我调试时我可以找到这个 我在我的 app.module 中找到了它

imports ...
import {LocalizeRouterModule} from "localize-router";

registerLocaleData(localeNl, 'nl');
registerLocaleData(localeFr, 'fr');
registerLocaleData(localeDe, 'de');

export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/locales/', '.json');
}

const appInitializerFn = (appConfig: AppConfigService) => {
  return () => {
    return appConfig.loadAppConfig();
  };
};

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    IdentificationComponent,
    WelcomeComponent,
    UploadEidComponent,
    AddressComponent,
    FinancialComponent,
    CommunicationComponent,
    FullUnemploymentHostDirective,
    FullUnemploymentComponent,
    RequestComponent,
    ErrorDialogComponent,
    MakingAppointmentComponent,
    ActivityComponent,
    IncomeComponent,
    MakingAppointmentComponent,
    FamilySituationComponent,
    FamilyMemberComponent,
    BlockCopyPasteDirective,
    OnlyNumberDirective,
    DatepickerPopupComponent,
    BreadcrumbButtonComponent,
    FullContactUploadDocumentsComponent,
    FullContactCompletedComponent,
    ConfirmationComponent,
    TokenExpiredComponent,
    MultiUploadComponent,
    DevelopmentComponent,
    CookieComponent
  ],
  imports: [
    StoreModule.forRoot(reducers),
    BrowserModule,
    LocalizeRouterModule,
    BrowserAnimationsModule,
    MatButtonToggleModule,
    MatIconModule,
    AppRoutingModule,
    DossierModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    SideNavModule,
    NgbModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    }),
    MatGridListModule
  ],
  providers: [AppConfigService, UserLoginService, AuthGuard, OnboardingRequestGuard, LoggedInUserService, AvailabilityService, CookieService, DatePipe,
    {provide: NgbDateParserFormatter, useClass: NgbDateCustomParserFormatter},
    {provide: HTTP_INTERCEPTORS, useClass: HttpErrorInterceptor, multi: true},
    {provide: APP_INITIALIZER, useFactory: appInitializerFn, deps: [AppConfigService], multi: true}
  ],
  exports: [
    FamilySituationComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}

模块 LocalizeRouterModule 出现此错误：无法导入类 LocalizeRouterModule（既不是 Angular 模块，也不是独立可声明的模块）

有人可以帮助我吗？

我尝试调试，我正在使用 localize-router，我应该更改它吗？

Answer 1

问题是库 localize-router 不再受支持，因此它没有更新到 Angular 9.x...查看其最新的 package.json 它支持 Angular 6.x，因此您几乎不支持以前的版本。

如果你真的想继续使用它，你必须分叉“localize-router”库并自己将其升级到 Angular v9.1.13，然后引用你的分叉代码。

我建议您尝试至少升级到 Angular 14，这样您就可以进入 LTS Angular 版本。 Angular 9.x 已经有几年不受支持了...... 使用新的角度定位结构，您可能只想停止使用“localize-router”库。