TS2305：模块'./@angular/material/material'没有导出成员'MaterialModule'

Question

我认为由于材料模块从版本10更新到12而引起此错误，但我找不到解决此问题的方法。 当前材料模块版本：

myarr = [{ 'madde': '1' , 'deger': 'truea' } , { 'madde': '2', 'deger': 'falsea' }];
let obj=JSON.stringify({'listitem':myarr});
console.log(obj);

在package-lock.json中：

"@angular/material": "^2.0.0-beta.12"

Answer 1

出于性能原因，

MaterialModule已使用角度素材版本2.0.0-beta.11删除（请参阅他们的changelog）。从beta 11开始，您必须单独导入所需的每个材料模块。当然，您也可以创建一个专用模块，在其中放入所有材料模块并将模块导入根模块（或者您将使用它的任何模块）。

有关详细信息，您可能还想引用他们的roadmap，引用：

  

我们发现，在世界上目前处于树状态的状态下，使用像NgModule这样的聚合MaterialModule会导致工具无法消除不属于某些组件的代码使用过。

     

为了确保用户尽可能使用最小的代码大小，我们弃用MaterialModule，以便在后续版本中删除。

     

要替换MaterialModule，用户可以在其应用程序中创建自己的“材料”模块（例如，GmailMaterialModule），该模块仅导入应用程序中实际使用的组件集。