Angular中的 @angular/material因版本不同產生的系列問題

1 問題描述

　　應用使用 angular4在使用@angular/material時，若果在導入模塊時使用mat開頭，就會報錯。

2 問題原因

　　@angular/material版本出現問題，

        @angular/material 從版本5開始就必須要angular5的核心依賴；

        想要在angular5之前版本中的應用中使用@angular/material，

      1、要麼更改@angular/material的版本（降低版本），

         例如：cnpm i --save @angular/[email protected]，

       2、要麼更改@angular/core的版本（@angular/material的版本需要angular5支持時）

        例如：npm install @angular/[email protected] --save 

       3、修改 package.json 中的文件angular/core版本 ，然後執行 npm install。

　　坑01：不知道從哪個版本開始@angular/material中的模塊名稱的前綴從md改成了mat；

                  修改之前@angular/material 模塊的前綴必須是 md 開頭的，

                       例如：MdButtonModule；修改之後 @angular/material 模塊的前綴必須是 mat 開頭的，例如：MatButtonModule。

　　技巧01：利用angular5創建項目，執行 npm install --save @angular/material 時就會下載對應的版本。

3 問題解決

　　要麼修改@angular/material版本，要麼修改@angular/core版本

---

想要整理更多的碎片知識，掃碼關注下面的公衆號，讓我們在哪裏接着嘮！