Question

创建了JHipster项目，我们使用可视代码编辑器来访问角度组件。为了使用角度材料组件，我们使用命令npm install --save @ angular / material。

安装它们

我们尝试使用

导入角度材质

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
    ]

app.module.ts中的

编译时我们收到错误

ERROR in ./node_modules/@angular/material/esm5/expansion.es5.js
Module not found: Error: Can't resolve '@angular/cdk/accordion' in 'E:\Mrudula\Work\GitBlit_Project\OFPL\
node_modules\@angular\material\esm5'
 @ ./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

Answer 1

是的，我使用以下命令安装

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

npm install --save @angular/animations

如何在JHipster项目中使用Angular Material Component mat-form-field

1 个答案: