ОШИБКА в Angular 6: Невозможно определить модуль для класса BaseComponent в (путь)!Добавьте BaseComponent в NgModule, чтобы исправить это - PullRequest
0 голосов
/ 04 октября 2018

Я пытаюсь создать универсальную сборку для развертывания приложения на стороне сервера и сталкиваюсь с ошибкой.

При запуске: npm run build:ssr

Мне выдается следующая ошибка

ОШИБКА в: невозможно определить модуль для класса BaseComponent в /home/training/Desktop/vishnu/TemplateAppv6/src/app/core/base.component.ts!Добавьте BaseComponent в NgModule, чтобы исправить это.Не удается определить модуль для класса HomeComponent в /home/training/Desktop/vishnu/TemplateAppv6/src/app/home/home.component.ts!Добавьте HomeComponent в NgModule, чтобы исправить это.

npm ERR!код ELIFECYCLE npm ERR!errno 1 npm ERR!template-appv6@0.0.0 build: клиент-серверные комплекты: ng build --prod --build-optimizer npm ERR!Статус выхода 1 npm ERR!нпм ERR!Сбой при сборке template-appv6@0.0.0: клиент-и-сервер-связки.нпм ERR!Это, вероятно, не проблема с npm.Скорее всего, выше выводится логирование.

npm ERR!Полный журнал этого прогона можно найти в: npm ERR!
/home/training/.npm/_logs/2018-10-04T10_05_24_580Z-debug.log npm ERR!код ELIFECYCLE npm ERR!errno 1 npm ERR!template-appv6@0.0.0 build: ssr: npm run build:client-and-server-bundles && npm run webpack:server npm ERR!Статус выхода 1 npm ERR!нпм ERR!Ошибка в шаблоне-appv6@0.0.0 build: ssr script.нпм ERR!Это, вероятно, не проблема с npm.Скорее всего, выше выводится логирование.

npm ERR!Полный журнал этого прогона можно найти в: npm ERR!
/home/training/.npm/_logs/2018-10-04T10_05_24_625Z-debug.log

Как и предполагалось, я добавилкомпоненты (которые казались некорректными, поскольку модуль уже был импортирован), но проблема все еще сохраняется.

Вот мой app.mosule.ts

// import { RecaptchaModule } from 'ng-recaptcha';
import { LocalStorageService } from 'ngx-webstorage';
import { InfiniteScrollModule } from 'ngx-infinite-scroll';
import { AuthModule } from './auth/auth.module';
import { ConfigurationModule } from './configuration/configuration.module';
import { CoreModule } from './core/core.module';
import { SharedModule } from './shared/shared.module';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule, Inject, PLATFORM_ID, APP_ID } from '@angular/core';
import { OwlModule } from 'ngx-owl-carousel';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HttpModule } from '@angular/http'
import { HttpClientModule } from '@angular/common/http';
import { HomeModule } from './home/home.module';
import { CollectionModule } from './collection/collection.module';
import { DetailsModule } from './details/details.module';
import { FavouritesModule } from './favourites/favourites.module';
import { ProfileModule } from './profile/profile.module';
import { isPlatformBrowser } from '@angular/common';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule.withServerTransition({ appId: 'template-appv6' }),
    AppRoutingModule,
    SharedModule,
    CoreModule,
    ConfigurationModule,
    AuthModule,
    InfiniteScrollModule,
    HttpModule,
    HttpClientModule,
    HomeModule,
    CollectionModule,
    DetailsModule,
    FavouritesModule,
    ProfileModule,
    OwlModule,
    
    // RecaptchaModule


  ],
  providers: [LocalStorageService],
  bootstrap: [AppComponent]
})
export class AppModule {
  constructor(@Inject(PLATFORM_ID) private platformId: Object, @Inject(APP_ID) private appId: string) {
    const platform: string = isPlatformBrowser(platformId) ?
      'on the server' : 'in the browser';
    console.log(`Running ${platform} with appId=${appId}`);
  }
}

Есть много постов, предлагающих чувствительный к регистру и повторяющийся импорт в

app.module.ts

Но, как видно из приведенного выше кода, дело не в этом

Любая помощь будет признательна.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...