Typescript 角度2组件未显示

我试图在我的

GettingStartedPage

组件中显示

OAuthComponent

。提供给我的浏览器时，

OAuthComponent

未显示。没有错误

OAuthComponent.ts

import {Page, NavController} from 'ionic/ionic';
import {Component} from 'angular2/angular2'

@Component({
    templateUrl: "app/authentication/components/oauth-component.html",
    selector: "oauth-component"
})
export class OAuthComponent {

    private nav: NavController;

    constructor(nav: NavController) {
        this.nav = nav;
    }
}

---

---

getting-start.html
开始

Angular2中的所有组件都必须引用视图中显示的其他组件

爱奥尼亚似乎用自己的

@页面

注释来处理这个问题，但它只涉及爱奥尼亚特定的组件。解释了这种行为

您需要编辑代码，以便在

指令中包含
OAuthComponent
：

@Page({
    templateUrl: 'app/getting-started/getting-started.html',
    directives: [OAuthComponent] // Don't forget to import it
})
export class GettingStartedPage {

添加了
指令：[OAuthComponent]
和导入。它仍然不起作用。修改了我原来的帖子，加入了指令变更。
GettingStartedPage.ts

import {Page, NavController} from 'ionic/ionic';
import {OAuthComponent} from "../authentication/components/OAuthComponent";
import "./getting-started.scss";

@Page({
    templateUrl: 'app/getting-started/getting-started.html',
    directives: [OAuthComponent]
})
export class GettingStartedPage {

    private nav: NavController;

    constructor(nav: NavController) {
        this.nav = nav;
    }
}

getting-started.html

<ion-navbar *navbar>
    <a menu-toggle>
        <icon menu></icon>
    </a>

    <ion-title>Getting Started</ion-title>
</ion-navbar>

<ion-content>
    <main>
        <oauth-component></oauth-component>
    </main>
</ion-content>

@Page({
    templateUrl: 'app/getting-started/getting-started.html',
    directives: [OAuthComponent] // Don't forget to import it
})
export class GettingStartedPage {