javascript - Fel vid användning av Nebula med Angular 17 fristående komponenter

När jag försöker lägga till Nebula i mitt fristående Angular 17-projekt, använder jag detta i min app config.ts

jag får fel som

export const appConfig: ApplicationConfig = {
  providers: [provideRouter(routes),
    provideClientHydration(),
    provideToastr(),
    provideHttpClient(withFetch()),
    provideAnimations(),
    provideToastr(),
     importProvidersFrom(NbThemeModule.forRoot({
      name: 'default',
    }))]
};

och detta enligt min åsikt

<nb-layout>
  <nb-layout-header fixed>Company Name</nb-layout-header>

  <nb-sidebar>Sidebar Content</nb-sidebar>
  
  <nb-layout-column>
    Page Content <button nbButton>Hello World</button>
  </nb-layout-column>
</nb-layout>

Svar #1

Det enda problemet jag märkte var att du saknar importProvidersFrom(NbSidebarModule.forRoot()) i app.config.ts, bortsett från det verkar din kod korrekt. Importerar du också NbLayoutModule, NbSidebarModule i imports-arrayen för den komponent som använder dem?

Stackblitz-demo -> cd test -> npm i -> npm run start

Du har ett stavfel på raden nedan. Några avslutande parenteser saknas!

...
provideToastr(),
importProvidersFrom(NbThemeModule.forRoot({
  name: 'default',
})) // <- changed here!
]
...