akveo / ngx-admin

Customizable admin dashboard template based on Angular 10+
https://akveo.github.io/ngx-admin/
MIT License
25.14k stars 7.94k forks source link

npm run build:prod error #1761

Closed omegagi closed 6 years ago

omegagi commented 6 years ago

Running the demo project cloned from git.

Failing to build:prod

suspect the error is in @nebular/theme 2.0.0-rc.9

ERROR in : 'nb-card-header' is not a known element:

  1. If 'nb-card-header' is an Angular component, then verify that it is part of this module.
  2. If 'nb-card-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" [ERROR ->] {{cardheader}} ")
omegagi commented 6 years ago

The theme.module.ts is the standard one from the demo project

import { ModuleWithProviders, NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

import { NbActionsModule, NbCardModule, NbLayoutModule, NbMenuModule, NbRouteTabsetModule, NbSidebarModule, NbTabsetModule, NbThemeModule, NbUserModule, NbCheckboxModule, NbPopoverModule, NbContextMenuModule, } from '@nebular/theme';

import { NbSecurityModule } from '@nebular/security';

import { FooterComponent, HeaderComponent, ThemeSettingsComponent, ThemeSwitcherComponent, TinyMCEComponent, } from './components'; import { CapitalizePipe, PluralPipe, RoundPipe, TimingPipe } from './pipes'; import { OneColumnLayoutComponent, SampleLayoutComponent, ThreeColumnsLayoutComponent, TwoColumnsLayoutComponent, } from './layouts'; import { DEFAULT_THEME } from './styles/theme.default';

const BASE_MODULES = [CommonModule, FormsModule, ReactiveFormsModule];

const NB_MODULES = [ NbCardModule, NbLayoutModule, NbTabsetModule, NbRouteTabsetModule, NbMenuModule, NbUserModule, NbActionsModule, NbSidebarModule, NbCheckboxModule, NbPopoverModule, NbContextMenuModule, NgbModule, NbSecurityModule, // *nbIsGranted directive ];

const COMPONENTS = [ ThemeSwitcherComponent, HeaderComponent, FooterComponent, ThemeSettingsComponent, TinyMCEComponent, OneColumnLayoutComponent, SampleLayoutComponent, ThreeColumnsLayoutComponent, TwoColumnsLayoutComponent, ];

const PIPES = [ CapitalizePipe, PluralPipe, RoundPipe, TimingPipe, ];

const NB_THEME_PROVIDERS = [ ...NbThemeModule.forRoot( { name: 'default', }, [ DEFAULT_THEME ], ).providers, ...NbSidebarModule.forRoot().providers, ...NbMenuModule.forRoot().providers, ];

@NgModule({ imports: [...BASE_MODULES, ...NB_MODULES], exports: [...BASE_MODULES, ...NB_MODULES, ...COMPONENTS, ...PIPES], declarations: [...COMPONENTS, ...PIPES], }) export class ThemeModule { static forRoot(): ModuleWithProviders { return { ngModule: ThemeModule, providers: [...NB_THEME_PROVIDERS], }; } }