Question

我试图跟随ng-bootstrap开始，它说我应该导入：

从＆＃39; @ ng-bootstrap / ng-bootstrap＆＃39;中导入{NGB_DIRECTIVES，NGB_PRECOMPILE};

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

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

[ts]

类型的参数＆＃39; {selector：string;指令：（（（typeof NgbAccordion | typeof NgbPanel | typeof NgbPanelTitle）[...＆＃39;不能分配给＆＃39; {selector？：string;输入？：string [];输出？：string的参数[];属性？：string [];事件？：strin ......＆＃39;。对象文字只能指定已知属性，并且＆＃39;预编译＆＃39;类型＆＃39; {selector？：string;输入？：string [];输出？：string []; properties？：string [];事件？：strin ......＆＃39;。

所以

并检查应用程序我看到无法加载资源@ ng-bootstrap / ng-bootstrap，但我在node_modules中看到了一个文件夹@ ng-bootstrap和一个名为ng-bootstrap的子文件夹。

我很困惑，因为它似乎一方面告诉我它找到了它，但它是错误的类型，但另一方面它说它无法找到它根本就没有。

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

Answer 1

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

通过此提交：github.com/angular/angular/commit/6c5b653

ng-bootstrap NGB_PRECOMPILE上的预编译错误

1 个答案: