Angular Materialを導入しようとしたら"has no exported member 'MdCheckboxModule'"と怒られた話

Googleが提唱している「MaterialDesign」を、Angular2/4上で簡単に使うことができる

「Anglar Material」を導入しようとしたら、moduleの読み込みに失敗しました。

 has no exported member 'MdButtonModule'.

CHANGELOG.mdを見てみると

どうやら2017-10-05の変更で、

md-と記載していた部分をmat-と記載するようになったようです。

/** 今まで */
import {
  MdButtonModule
} 
from '@angular/material';

/** これから */
import {
  MatButtonModule
} 
from '@angular/material';

<!-- 今まで -->
<md-checkbox>Click me!</md-checkbox>

<!-- 2.0.0-beta.12以降 -->
<mat-checkbox>Click me!</mat-checkbox>

github.com

ただこの変更によって、幾つかバグが生じているようです（2017-10-17 現在）。

僕もチェックボックスのデザインが崩れる現象に遭遇しました。

安定するまでは前のバージョン使ったほうが良さげ。