Angular4 webpack2 @角度/材料のビルドエラー

Question

私は

未処理の約束の拒絶反応を行う必要がありますどのように、私の開発に成功をすることができますが、それはエラーが出る構築：テンプレートは、エラーを解析： は以来、「mdmenutriggerfor」にバインドできませんそれは 'a'の既知の特性ではありません。値：エラー：テンプレート解析エラー： 'mdmenutriggerfor'にバインドできません。なぜなら、それはisnではないからです。 TaylorPzreal http：// localhost：3000/dist/vendor.b3014186753d08da08d0.js：2（ "ホームブログについて" [mdmenutriggerfor] =テーマ>テーマブルーオーシャン] [mdmenutriggerfor] =アカウント> ：JitCompiler._compileTemplateでTemplateParser.parseで451794）[] （http://localhost:3000/dist/vendor.b3014186753d08da08d0.js:2:632968）[] （http://localhost:3000/dist/vendor.b3014186753d08da08d0.js:2:819358）[] []エラーに：テンプレート解析エラー：リストの下の代わりmdmenutriggerforで

Answer 1

使用セレクタ：

selector: `[md-menu-trigger-for], [mat-menu-trigger-for], 
     [mdMenuTriggerFor], [matMenuTriggerFor]`, 

<button md-icon-button [mdMenuTriggerFor]="menu"> <md-icon>more_vert</md-icon> </button> 

注：[md-menu-trigger-for], [mat-menu-trigger-for]は推奨されていません。

ソース：https://github.com/angular/material2/blob/94320c4e68a8e6a2093b704157900cd6cd8388e2/src/lib/menu/menu-trigger.ts#L37-L38

Answer 2

私は2つの方法でそれを解決： '生ローダ' で

1. 置き換える 'HTML-ローダー';

2. コメントを最小限に抑えてください。

   new webpack.LoaderOptionsPlugin({ 
   htmlLoader: { 
       minimize: DEVELOPMENT // workaround for ng2 
   }, 
   // minimize: PRODUCTION, // Comment out this line 
   debug: DEVELOPMENT, 
   options: { 
       context: __dirname 
   } 
   }),