我正在尝试跟随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 { }