Verwendung des Mat-Form-Feldes Angular Material Component im JHipster Project - Angular-Material, Jhipster

JHipster-Projekt wird erstellt und wir verwendenVisual-Code-Editor für den Zugriff auf Winkelkomponenten. Um eckige Materialkomponenten zu verwenden, haben wir sie mit dem Befehl npm install --save @ angular / material installiert.

Wir versuchen, eckiges Material mit zu importieren

import { MatFormFieldModule } from "@angular/material";
@NgModule({
imports: [
BrowserModule,
LayoutRoutingModule,
Ng2Webstorage.forRoot({ prefix: "jhi", separator: "-"}),
// jhipster-needle-angular-add-module JHipster will add new module here
MatFormFieldModule
]

in app.module.ts

Beim Kompilieren bekommen wir einen Fehler

ERROR in ./node_modules/@angular/material/esm5/expansion.es5.js
Module not found: Error: Can"t resolve "@angular/cdk/accordion" in "E:MrudulaWorkGitBlit_ProjectOFPL
node_modules@angularmaterialesm5"
@ ./node_modules/@angular/material/esm5/expansion.es5.js 11:0-92
@ ./node_modules/@angular/material/esm5/material.es5.js
@ ./src/main/webapp/app/app.module.ts
@ ./src/main/webapp/app/app.main.ts
@ multi (webpack)-dev-server/client?http://localhost:9060 webpack/hot/dev-server ./src/main/webapp/app/a
pp.main

Antworten:

Hast du installiert? @angular/cdk verwenden npm?

npm install --save @angular/cdk

Ja, ich habe die folgenden Befehle installiert

npm install --save @angular/material @angular/cdk

npm install --save @angular/animations