Я пытаюсь создать универсальную сборку для развертывания приложения на стороне сервера и сталкиваюсь с ошибкой.
При запуске: 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
Но, как видно из приведенного выше кода, дело не в этом
Любая помощь будет признательна.