angular4 webpack2 build error

[TaylorPzreal]

feature request:

polyfills.0836852….js:2 Unhandled Promise rejection: Template parse errors:
Can't bind to 'mdmenutriggerfor' since it isn't a known property of 'a'. ("Home Blog About <a class=pull-right md-button [ERROR ->][mdmenutriggerfor]=theme>Theme <md-menu #theme=mdMenu> <md-icon class=text-"): ng:///AppModule/AppComponent.html@0:152
Can't bind to 'mdmenutriggerfor' since it isn't a known property of 'button'. ("dashboard Blue Ocean <button class=pull-right md-button [ERROR ->][mdmenutriggerfor]=account>TaylorPzreal <md-menu #account=mdMenu> <md-"): ng:///AppModule/AppComponent.html@0:567 ; Zone: ; 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 <a class=pull-right md-button [ERROR ->][mdmenutriggerfor]=theme>Theme <md-menu #theme=mdMenu> <md-icon class=text-"): ng:///AppModule/AppComponent.html@0:152
Can't bind to 'mdmenutriggerfor' since it isn't a known property of 'button'. ("dashboard Blue Ocean <button class=pull-right md-button [ERROR ->][mdmenutriggerfor]=account>TaylorPzreal <md-menu #account=mdMenu> <md-"): ng:///AppModule/AppComponent.html@0:567
at syntaxError (http://localhost:9000/dist/vendor.08368524123563a175f8.js:2:293382) []
at TemplateParser.parse (http://localhost:9000/dist/vendor.08368524123563a175f8.js:2:484994) []

when i use webpack in my dev it's success, but when i build it get those errors.

my development:
Linux + Chrome
Angular4.0.2 + @angular/material2.0.0-beta.3 + webpack2.3.3

[devversion]

At first glance it looks like something minifies your HTML in a non-case-sensitive way. This causes the directive to be not valid anymore.

Are you using the HTML-Loader? If so, with some special configuration?

Could also be the other way around and you specified it lower-case yourself. The directive is [mdMenuTriggerFor]=""

[TaylorPzreal]

@devversion thank you very much, i used html-loader, when i changed to 'raw-loader', get success.

[TaylorPzreal]

1. change 'html-loader' with 'raw-loader' can fix the bug;

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

it's workd for production.
but now the same error when i run karma testing...

[TaylorPzreal]

same error with karma unit-tesing, solution hereA "Testing with Material Components" guide to demonstrate including core theme in test suite #4056

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}