ошибка предварительной компиляции в ng-bootstrap NGB_PRECOMPILE

Я пытаюсь следить за началом работы ng-bootstrap, он говорит Я должен импортировать:

импортировать {NGB_DIRECTIVES, NGB_PRECOMPILE} из '@ng-bootstrap/ng-bootstrap';

затем запросите предварительную компиляцию: [ NGB_PRECOMPILE ] в app.component.ts

Я получаю большую красную ошибку в коде Visual Studio, говоря

[ts]

Аргумент типа '{ селектор: строка; директивы: (((typeof NgbAccordion | typeof NgbPanel | typeof NgbPanelTitle)[...' не может быть назначен параметру типа '{ selector?: string; inputs?: string[]; outputs?: string[]; properties?: строка[]; события?: строка...'. Литерал объекта может указывать только известные свойства, а 'прекомпиляция' не существует в типе '{ селектор?: строка; входы?: строка[]; выходы?: строка[] ; свойства?: строка[]; события?: строка...'.

So

и при проверке приложения я вижу, что не удалось загрузить ресурс @ng-bootstrap/ng-bootstrap, но я вижу папку @ng-bootstrap и подпапку с именем ng-bootstrap в node_modules.

Я в замешательстве, потому что, с одной стороны, он, кажется, говорит мне, что нашел его, но это неправильный тип, а с другой стороны, он говорит, что вообще не может его найти.

Я пробую это на Windows 10 с npm 3.10.6.

Это простая проблема?

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 { }