Question

我应该安装哪个Angular Material版本以与Angular4兼容？

我已经使用以下命令在Angular 4项目的顶部安装angular Material。

npm install @angular/materail 
npm install @angular/cdk
npm install @angular/animations

当我尝试运行该应用程序时，我遇到错误。

/node_modules/@angular/cdk/observers/typings/observe-content.d.ts (33,22): Type 'ElementRef' is not generic.

Answer 1

我建议您将项目更新到最新版本的angular。出于稳定性，功能和性能的原因。此外，查找有关此类旧版本的文档/指南要困难得多。

此外，如果要为这样的旧角版本安装材料，则应使用{4}兼容的2.0.0-beta.12版本：

npm install @angular/material@2.0.0-beta.12

Answer 2

让我写一些更详细的步骤，以使初学者更轻松。虽然问题仅针对版本4，但答案适用于所有版本。

由于我的角度版本为8，所以我在使用最新的角度材料版本9时遇到了一些问题，因此我必须找到兼容的角度材料版本。以下是我执行的步骤：

1-检查package.json文件，并注意Angular模块的主要版本。如下所示，核心，编译器，通用等版本为8.2.14。主要版本是8。

2-转到https://material.angular.io/，然后在右上角找到具有相同主要版本的材料版本（本例中为8.2.3）。请参阅下面的图片。

3-因此，对于角度v8.2.24，我发现可比较的角度材料版本为8.2.3。而且它没有任何错误。

Answer 3

它们已重命名为Angular / Components。也许您可以尝试使用V2.0.0-beta.12并检查它是否有帮助。

npm install @ angular / materail @ 2.0.0-beta.12 npm安装@ angular / cdk @ 2.0.0-beta.12 npm install @ angular / animations

Answer 4

您可以根据自己的次要角度版本在2.0.0-beta.3和2.0.0-beta.12之间选择一个版本。请参考package.json存储库中的@angular/material文件，以确定哪个更适合您。