No provider found for `InjectionToken undefined`. Source: Standalone[_TenantsComponent] #10046

I ahve similar problem with this one https://abp.io/support/questions/8997/NullInjectorError-No-provider-for-InjectionToken-undefined-in-Standalone-Component But those suggested solutions didn't work for me.

Here is version that I'm using at frontend: node version 22.20.0 yarn 1.22.22 abp 9.3.6 angular 20.3.7

I updated from 8.3.4 to 9.3.6 and followed your migration guides. We will stay with module based structure because our application is quite big. Maybe later but not now. So problem occures when I'm trying to navigate to 'saas/tenants' page. Page stays empty and I got console error that says: No provider found for InjectionToken undefined. Source: Standalone[_TenantsComponent]. I have tried to clean all places: node_modules, .angular and yarn.lock. Am I missing some module or provider in my app module.

Here is my app.module.ts(I cleaned away our own modules):

import { PAGE_RENDER_STRATEGY } from '@abp/ng.components/page';
import {
  CoreModule,
  LazyLocalizationPipe,
  LocalizationPipe,
  LocalizationService,
  NAVIGATE_TO_MANAGE_PROFILE,
  provideAbpCore,
  withOptions,
} from '@abp/ng.core';
import { provideSettingManagementConfig, SettingManagementConfigModule } from '@abp/ng.setting-management/config';
import {
  CUSTOM_ERROR_HANDLERS,
  DEFAULT_VALIDATION_BLUEPRINTS,
  provideAbpThemeShared,
  ThemeSharedModule,
  withHttpErrorConfig,
} from '@abp/ng.theme.shared';
import { registerLocaleData } from '@angular/common';
import { provideHttpClient, withInterceptorsFromDi, withXsrfConfiguration } from '@angular/common/http';
import localeFi from '@angular/common/locales/fi';
import { ErrorHandler, LOCALE_ID, NgModule, importProvidersFrom, isDevMode } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { VALIDATION_BLUEPRINTS } from '@ngx-validate/core';
// https://www.telerik.com/kendo-angular-ui/components/globalization/internationalization/locale-changes/
import { IntlService } from '@progress/kendo-angular-intl';
import '@progress/kendo-angular-intl/locales/en/all';
import '@progress/kendo-angular-intl/locales/fi/all';
import { MessageService } from '@progress/kendo-angular-l10n';
import { CommercialUiConfigModule, provideCommercialUiConfig } from '@volo/abp.commercial.ng.ui/config';
import { AccountAdminConfigModule, provideAccountAdminConfig } from '@volo/abp.ng.account/admin/config';
import { AccountPublicConfigModule, provideAccountPublicConfig } from '@volo/abp.ng.account/public/config';
import { AuditLoggingConfigModule, provideAuditLoggingConfig } from '@volo/abp.ng.audit-logging/config';
import { provideOpeniddictproConfig } from '@volo/abp.ng.openiddictpro/config';
import { IdentityConfigModule, provideIdentityConfig } from '@volo/abp.ng.identity/config';
import { registerLocale } from '@volo/abp.ng.language-management/locale';
import { provideSaasConfig, SaasConfigModule } from '@volo/abp.ng.saas/config';
import { HttpErrorComponent, ThemeLeptonModule } from '@volo/abp.ng.theme.lepton';
import { MenuSearchModule } from '@volo/abp.ng.theme.lepton/extensions';
import { AngularSvgIconModule } from 'angular-svg-icon';
import { environment } from '../environments/environment';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { KendoFormsModule } from './common/kendo-forms/kendo-forms.module';
import { HelpComponent } from './components/help/help.component';
import { ControlsConfigModule } from './controls/controls-config.module';
import { ComponentsConfigModule } from './demo/components/components-config.module';
import { TablesConfigModule } from './demo/tables/tables-config.module';
import { ItemPlanningConfigModule } from './item-planning/item-planning-config.module';
import { APP_ROUTE_PROVIDER } from './route.provider';
import { ScmPageRenderStrategy } from './scm-page-render-strategy';
import { SettingsConfigModule } from './settings/settings-config.module';
import { ApplicationInsightsErrorHandler } from './shared/services/application-insights-service/application-insights-error-handler';
import { KendoMessagesService } from './shared/services/kendo-messages-service/kendo-messages.service';
import { TawkService } from './tawk-service';
import { provideAbpOAuth } from '@abp/ng.oauth';
import { BeamerService } from './beamer.service';
import { ServiceWorkerModule } from '@angular/service-worker';
import { SCMCustomErrorHandlerService } from './shared/services/custom-error-handler-service/scm-custom-error-handler.service';
import { ForecastingConfigModule } from 'projects/SCM.Forecasting/config/src/forecasting-config.module';
import { USER_MENU_ADDED_ITEMS } from './account/user-menu-extended.routes';
import { AccountConfigModule } from './account/account-config.module';
import { Router } from '@angular/router';
import { KendoIntlService } from './shared/services/kendo-intl.service';
import { XmasModule } from './shared/components/special-events/xmas/xmas.module';
import { provideLanguageManagementConfig } from '@volo/abp.ng.language-management/config';
import { provideTextTemplateManagementConfig } from '@volo/abp.ng.text-template-management/config';
import { provideAnimations } from '@angular/platform-browser/animations';

// Finnish locale needs to be registered always since we have scm currency pipe that might use different locale from localization service.
// If it is not registered fi-FI locale is not found if the language is not fi
registerLocaleData(localeFi);

const dev = environment.production ? [] : [ComponentsConfigModule.forRoot(), TablesConfigModule.forRoot()];

@NgModule({
  declarations: [AppComponent, HelpComponent],
  bootstrap: [AppComponent],
  imports: [
    AngularSvgIconModule.forRoot(),
    BrowserModule,
    AppRoutingModule,
    CoreModule,
    ThemeSharedModule,
    AccountAdminConfigModule,
    IdentityConfigModule,
    SaasConfigModule,
    AuditLoggingConfigModule,
    SettingManagementConfigModule,
    MenuSearchModule.forRoot({ limit: 3 }),
    ThemeLeptonModule.forRoot({
      // DISABLED Search and Help main navigation items, left here for easy re-enabling:
      // contentBeforeRoutes: [MenuSearchComponent],
      // contentAfterRoutes: [HelpComponent]
      // If this customStyle is true, the style selection box is not included in the theme
      // settings form and ThemeLeptonModule does not load its own styles. In this case,
      // a custom style file must be added to the styles array in angular.json or must be imported by style.scss.
      // https://docs.abp.io/en/commercial/7.1/themes%2Flepton%2Fcustomizing-lepton-theme?UI=NG
      customStyle: true,
    }),
    CommercialUiConfigModule,
    ItemPlanningConfigModule.forRoot(),
    ControlsConfigModule.forRoot(),
    SettingsConfigModule.forRoot(),
    AccountConfigModule.forRoot(),
    KendoFormsModule,
    ...dev,
    ServiceWorkerModule.register('ngsw-worker.js', {
      enabled: !isDevMode(),
      // Register the ServiceWorker as soon as the application is stable
      // or after 30 seconds (whichever comes first).
      registrationStrategy: 'registerWhenStable:30000',
    }),
    XmasModule,
  ],
  providers: [
    APP_ROUTE_PROVIDER,
    USER_MENU_ADDED_ITEMS,
    KendoIntlService,
    provideAbpCore(
      withOptions({
        environment,
        registerLocaleFn: registerLocale(),
      }),
    ),
    provideHttpClient(
      withInterceptorsFromDi(),
      withXsrfConfiguration({
        cookieName: 'XSRF-TOKEN',
        headerName: 'RequestVerificationToken',
      }),
    ),
    provideAbpThemeShared(
      withHttpErrorConfig({
        errorScreen: {
          component: HttpErrorComponent,
          forWhichErrors: [401, 403, 404, 500],
          hideCloseIcon: true,
        },
      }),
    ),
    importProvidersFrom(
      AccountPublicConfigModule.forRoot(),
      AccountAdminConfigModule.forRoot(),
      IdentityConfigModule.forRoot(),
      SaasConfigModule.forRoot(),
    ),
    provideAnimations(),
    provideAbpOAuth(),
    provideIdentityConfig(),
    provideSettingManagementConfig(),
    provideAccountAdminConfig(),
    provideAccountPublicConfig(),
    provideCommercialUiConfig(),
    provideSaasConfig(),
    provideAuditLoggingConfig(),
    provideOpeniddictproConfig(),
    provideTextTemplateManagementConfig(),
    provideLanguageManagementConfig(),
    {
      provide: LocalizationPipe,
      useExisting: LazyLocalizationPipe,
    },
    {
      provide: IntlService,
      useExisting: KendoIntlService,
    },
    {
      provide: LOCALE_ID,
      deps: [LocalizationService],
      useFactory: (localizationService: LocalizationService) => localizationService.currentLang,
    },
    { provide: MessageService, useExisting: KendoMessagesService },
    { provide: PAGE_RENDER_STRATEGY, useClass: ScmPageRenderStrategy },
    {
      provide: VALIDATION_BLUEPRINTS,
      useValue: {
        ...DEFAULT_VALIDATION_BLUEPRINTS,
        pattern: 'AbpValidation::InvalidPatternPleaseReviewYourInput',
        min: 'AbpValidation::ThisFieldMustBeGreaterThanOrEqualTo{0}[{{ min }}]',
        max: 'AbpValidation::ThisFieldMustBeLessThanOrEqualTo{0}[{{ max }}]',
        calculationPeriodStartDate: 'AbpValidation::StartDateCanNotBeInFuture',
        duplicatePriority: 'AbpValidation::PriorityIsAlreadyInUse',
        duplicateName: 'AbpValidation::NameIsAlreadyInUse',
        dateIsInPast: 'AbpValidation::DateCanNotBeInPast',
        maxDecimals: 'AbpValidation::ThisFieldMustContainLessThanOrEqualDecimals{0}[{{ maxDecimals }}]',
        greaterThanField: 'AbpValidation::ThisFieldMustBeGreaterThan{0}[{{ field }}]',
        greaterThanZero: 'AbpValidation::ThisFieldMustBeGreaterThan{0}[0]',
        lessThanField: 'AbpValidation::ThisFieldMustBeLessThan{0}[{{ field }}]',
        invalidValues: 'AbpValidation::InvalidValues{0}ValidValues{1}[{{ invalidField }},{{ validField }}]',
        missingRequiredValues: 'AbpValidation::MissingRequiredValues{0}[{{ field }}]',
        dateIsNotInPastOrToday: 'AbpValidation::DateCanNotBeInPastOrToday',
      },
    },
    { provide: CUSTOM_ERROR_HANDLERS, useExisting: SCMCustomErrorHandlerService, multi: true },
    { provide: ErrorHandler, useClass: ApplicationInsightsErrorHandler },
    {
      provide: NAVIGATE_TO_MANAGE_PROFILE,
      deps: [Router],
      useFactory: (router: Router) => () => router.navigate(['/account/manage']),
    },
    TawkService,
    BeamerService,
  ],
})
export class AppModule {}