0

我正在尝试跟随ng-bootstrap入门,它说我应该导入:

从“@ng-bootstrap/ng-bootstrap”导入 {NGB_DIRECTIVES, NGB_PRECOMPILE};

然后在 app.component.ts 中请求预编译:[ NGB_PRECOMPILE ]

我在 Visual Studio Code 中遇到了一个很大的红色错误,说

[ts]

'{ selector: string; 类型的参数 指令: (((typeof NgbAccordion | typeof NgbPanel | typeof NgbPanelTitle)[...' 不能分配给类型为 '{ selector?: string; inputs?: string[]; outputs?: string[]; properties?: string[]; events?: strin...'。对象字面量只能指定已知属性,'precompile' 不存在于类型 '{ selector?: string; inputs?: string[]; outputs?: string[] ; 属性?:字符串 [];事件?:字符串 ...'。

所以

并检查我看到的应用程序无法加载资源@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 { } 
4

1 回答 1

0

这似乎是一个版本问题。在 rc4 中添加了预编译

通过这个提交:github.com/angular/angular/commit/6c5b653

于 2016-08-05T14:58:01.053 回答