我基本上使用与示例中完全相同的代码

import {Component} from '@angular/core';
import {MdDialog,MdDialogRef} from '@angular/material';

@Component({
    selector: 'dialog-overview-example',template: '<button md-button (click)="openDialog()">Open dialog</button>'
})
export class DialogoverviewExample {
    constructor(public dialog: MdDialog) {}

    public openDialog(): void {
        this.dialog.open(BasicDialog);
    }
}

@Component({
    selector: 'dialog-overview-example-dialog',template: "<p> Hi,I'm a dialog! </p>",})
export class BasicDialog {}

我认为我的进口是正确的,但它们是：

imports: [
    BrowserModule,FormsModule,RouterModule.forRoot(ROUTES,{useHash: true}),MdDialogModule,BrowserAnimationsModule,ReactiveFormsModule,CommonModule
],

请注意,控制台中没有错误或警告,我已尝试禁用css.

有人见过这个吗？