使用 Angular Material 时运行 jhipster/angular 应用程序时出错答案

【问题标题】：Error when runing jhipster/angular app when using Angular Material使用 Angular Material 时运行 jhipster/angular 应用程序时出错
【发布时间】：2021-05-26 10:53:18
【问题描述】：

我正在使用 Jhipster/angular 应用程序。当我使用 @angular/material 时，我在运行应用程序时遇到了这个错误。

【问题讨论】：

您是如何将角度/材质添加到您的应用程序的？
我尝试运行“sudo ng add @angular/material”，但出现错误，然后我手动添加了“node_modules/@angular/material/prebuilt-themes/indigo-pink.css”在角度.json
请尝试按照我下面的回答。我希望它会有所帮助。

标签： angular angular-material jhipster

【解决方案1】：

我希望通过更新库来解决您的错误：

npm uninstall @angular/material
npm uninstall @angular/cdk
npm install @angular/material
npm install @angular/cdk

此外，您可以指定 material 和 cdk 软件包的版本。

【讨论】：

【解决方案2】：

要将 Angular Material 添加到您的 jhipster 项目中，您可以执行以下命令：

npm install --save @angular/material@10.0.1 @angular/cdk @angular/animations@10.0.2

如果您使用的是 Angular 版本 10 您可以点击此链接了解所有详细信息：https://medium.com/@cyril.casaucau/how-to-add-angular-material-on-an-jhipster-5-x-app-97c9569c9f97

【讨论】：