Angular 17独立组件集成Nebula时遇报错，请求技术协助

看你的配置和代码，问题主要出在两个核心点：

1. 未导入组件对应模块 #

你只在app.config.ts中引入了NbThemeModule，但实际用到的<nb-layout>、<nb-sidebar>、带nbButton指令的按钮分别属于NbLayoutModule、NbSidebarModule、NbButtonModule，这些模块必须通过importProvidersFrom注册到应用配置里，否则Angular无法识别这些组件和指令。

修正后的app.config.ts代码：

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

2. 重复注册Toastr服务 #

你的配置里重复写了两次provideToastr()，这会触发服务重复注入的报错，直接删掉其中一个即可。

额外检查项 #

• 确认已正确安装Nebula相关依赖：npm install @nebular/theme @nebular/eva-icons，同时确保@angular/cdk等peer依赖版本匹配
• 验证Nebula版本与Angular 17兼容，建议使用Nebular 12及以上稳定版本

内容的提问来源于stack exchange，提问作者Adesina Adewale