ウェブパック+角材2テンプレートパーサーエラー

Question

私はウェブパックを使ってプロジェクトをパックしようとしています。 しかし、角度material2を追加すると。コンソールに何らかのエラーメッセージが表示されます。

私は素材を使用しています。

import { MaterialModule } from '@angular/material'; 
@NgModule({ 
    imports: [ 
     BrowserModule, 
     FormsModule, 
     LoginModule, 
     AdminModule, 
     AppRoutingModule, 
     HttpModule, 
     MaterialModule 
    ], 
    declarations: [ 
     AppComponent 
    ], 
    providers: [ 
     UserService, 
     LoggerService, 
     AuthGuardService 
    ], 
    bootstrap: [AppComponent] 
}) 

コンポーネントファイル：

import {Component} from '@angular/core'; 


@Component({ 
    selector: 'radio-ng-model-example', 
    templateUrl: './angularMaterial.html', 
    styleUrls: ['./angularMaterial.css'], 
}) 
export class AngularMaterialComponent { 
    favoriteSeason: string; 

    seasons = [ 
    'Winter', 
    'Spring', 
    'Summer', 
    'Autumn', 
    ]; 
} 

htmlファイル：

<md-radio-group class="example-radio-group" [(ngModel)]="favoriteSeason"> 
    <md-radio-button class="example-radio-button" *ngFor="let season of seasons" [value]="season"> 
     {{season}} 
    </md-radio-button> 
</md-radio-group> 
<div class="example-selected-value">Your favorite season is: {{favoriteSeason}}</div> 

CSSファイル：

.example-radio-group { 
    display: inline-flex; 
    flex-direction: column; 
} 

.example-radio-button { 
    margin: 5px; 
} 

.example-selected-value { 
    margin: 15px 0; 
} 

私はangular material-radio demo

からdeomを使用

Answer 1

材料モジュールをインポートする際に、forRootをインポートする必要があります。例えば、それを

imports: [ 
     BrowserModule, 
     FormsModule, 
     LoginModule, 
     AdminModule, 
     AppRoutingModule, 
     HttpModule, 
     MaterialModule.forRoot() 
    ],