Angular4 webpack2 @angular/material build error

Question

i can success on my development, but build it get errors, how should i do

Unhandled Promise rejection: Template parse errors: Can't bind to 'mdmenutriggerfor' since it isn't a known property of 'a'. ("Home Blog About ][mdmenutriggerfor]=theme>Theme Blue Ocean ][mdmenutriggerfor]=account>TaylorPzreal ; Task: Promise.then ; Value: Error: Template parse errors: Can't bind to 'mdmenutriggerfor' since it isn't a known property of 'a'. ("Home Blog About ][mdmenutriggerfor]=theme>Theme Blue Ocean ][mdmenutriggerfor]=account>TaylorPzreal http://localhost:3000/dist/vendor.b3014186753d08da08d0.js:2:451794) [] at TemplateParser.parse (http://localhost:3000/dist/vendor.b3014186753d08da08d0.js:2:632968) [] at JitCompiler._compileTemplate (http://localhost:3000/dist/vendor.b3014186753d08da08d0.js:2:819358) [] at [] Error: Template parse errors:

Tiep Phan · Accepted Answer · 2017-04-20 09:41:12Z

2

use selectors in list below instead of mdmenutriggerfor:

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

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

note: [md-menu-trigger-for], [mat-menu-trigger-for] is deprecated.

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

answered Apr 20, 2017 at 9:41

Tiep Phan

12.6k3 gold badges40 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ZekeXu · Accepted Answer · 2017-04-21 02:21:27Z

0

i solved it by two way:

replace 'html-loader' with 'raw-loader';

Comment out minimize line.

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

answered Apr 21, 2017 at 2:21

ZekeXu

1672 silver badges11 bronze badges

2 Comments

Joshua Fabillar Over a year ago

what do you mean by this? I have the same problem so i need to fix this. where do I located "new webpack.LoaderOptionsPlugin ....

ZekeXu Over a year ago

add it to plugins

Collectives™ on Stack Overflow

Angular4 webpack2 @angular/material build error

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related