webpack + angular material2 템플릿 파서 오류

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() 
    ],