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/material@2.0.0-beta.7，

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

        例如：npm install @angular/core@x.x.x --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版本

想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！