angular - ng-bootstrap NGB_PRECOMPILE のプリコンパイル エラー

Question

ng-bootstrapの開始に合わせてフォローしようとしていますが、インポートする必要があると言われています。

'@ng-bootstrap/ng-bootstrap' から {NGB_DIRECTIVES, NGB_PRECOMPILE} をインポートします。

次に、app.component.ts でプリコンパイルを要求します: [ NGB_PRECOMPILE ]

Visual Studio Code で大きな赤いエラーが表示されます。

[ts]

タイプ '{ セレクター: 文字列; の引数。ディレクティブ: (((typeof NgbAccordion | typeof NgbPanel | typeof NgbPanelTitle)[...' はタイプ '{ セレクター?: 文字列; 入力?: 文字列[]; 出力?: 文字列[]; プロパティ?:文字列[]; イベント?: 文字列...'. オブジェクト リテラルは既知のプロパティのみを指定でき、'{ セレクター?: 文字列; 入力?: 文字列[]; 出力?: 文字列[] 型には 'プリコンパイル' は存在しません; プロパティ?: 文字列[]; イベント?: 文字列...'.

そう

アプリを検査すると、リソース @ng-bootstrap/ng-bootstrap の読み込みに失敗したことがわかりますが、node_modules にフォルダー @ng-bootstrap と ng-bootstrap という名前のサブフォルダーが表示されます。

一方では見つかったと言っているように見えますが、間違ったタイプですが、もう一方ではまったく見つからないと言っているので、私は混乱しています。

npm 3.10.6を使用してWindows 10でこれを試しています。

これは簡単な問題ですか？

import {Component} from 'angular2/core';
import {NGB_DIRECTIVES, NGB_PRECOMPILE} from '@ng-bootstrap/ng-bootstrap';
import {TestComponent} from './test.component';


@Component({
    selector: 'my-app',
    directives: [ NGB_DIRECTIVES, TestComponent],
    precompile: [ NGB_PRECOMPILE ],   //<-- doesn't like this one
    template: `<h1>My new App platform</h1>
                <test></test>
                `
})
export class AppComponent { }