ng-seed/universalにng-bootstrapを追加しようとすると「not known element」の問題が発生する

Question

ng-bootstrapをng-seed/universalに追加しようとしていますが、READMEの手順に従っていますが、

'ngb-rating' is not a known element

私は自宅のコンポーネントテンプレートに簡単な評価を追加しようとした

：/src/client/app/+home/home.component.tsで https://github.com/ng-seed/universal/blob/master/src/client/app/+home/home.component.ts

が、私はテンプレートに追加：

知られている要素が "ではありません /src/client/app/app.module.tsで

<ngb-rating></ngb-rating> 

、私はそれを追加し、インポート：

import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; 

... 

@NgModule({ 
    declarations: [AppComponent, ...], 
    imports: [NgbModule.forRoot(), ...], 
    bootstrap: [AppComponent] 
}) 

私は家home.component.tsにNgbModuleモジュールをインポートしようとしたが、それはどちらか動作しませんでした。

スタックトレース：コンポーネントで

[ERROR ->]<ngb-rating></ngb-rating>"): ng:///HomeModule/HomeComponent.html@1:2 
    at Error (native) 
    at syntaxError (/temp/universal/.server/server.js:76273:34) 
    at TemplateParser.parse (/temp/universal/.server/server.js:86764:19) 
    at JitCompiler._compileTemplate (/temp/universal/.server/server.js:100515:39) 
    at /temp/universal/.server/server.js:100439:62 
    at Set.forEach (native) 
    at JitCompiler._compileComponents (/temp/universal/.server/server.js:100439:19) 
    at createResult (/temp/universal/.server/server.js:100324:19) 
    at ZoneDelegate.invoke (/temp/universal/.server/server.js:72372:26) 
    at Object.onInvoke (/temp/universal/.server/server.js:4717:37) 
    at resolvePromise (/temp/universal/.server/server.js:72751:31) 
    at resolvePromise (/temp/universal/.server/server.js:72722:17) 
    at /temp/universal/.server/server.js:72799:17 
    at ZoneDelegate.invokeTask (/temp/universal/.server/server.js:72405:31) 
    at Object.onInvokeTask (/temp/universal/.server/server.js:4708:37) 
    at ZoneDelegate.invokeTask (/temp/universal/.server/server.js:72404:36) 
    at Zone.runTask (/temp/universal/.server/server.js:72172:47) 
    at drainMicroTaskQueue (/temp/universal/.server/server.js:72565:35) 
    at ZoneTask.invoke (/temp/universal/.server/server.js:72471:25) 
    at data.args.(anonymous function) (/temp/universal/.server/server.js:73255:25) 

Answer 1

は、私はそれが正しいだとは思わないselector

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'ngb-rating', 
    template: `ng-seed (universal) home page<br/> 
    Enjoy it!<br/>` 
}) 
export class HomeComponent { 
}