Question

我最近将我的项目从Angular 8更新到了9，但是在导入角度材料方面存在一些问题。我还更新了角材。

但是，有角度的材料导入带来了错误。我还尝试了卸载并添加了棱角分明的材料，但是没有运气。我现在该怎么办？预先谢谢

     import { NgModule } from '@angular/core';
        import { CommonModule } from '@angular/common';
        import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

        import {MatButtonModule} from '@angular/material/button';
        import {MatFormFieldModule} from '@angular/material/form-field';
        import {MatSelectModule} from '@angular/material/select';
        import {MatCardModule} from '@angular/material/card';
        import {MatGridListModule} from '@angular/material/grid-list';
        import {MatDividerModule} from '@angular/material/divider';
        import {MatExpansionModule} from '@angular/material/expansion';


    @NgModule({
      declarations: [],
      imports: [
        CommonModule,
        BrowserAnimationsModule,
        MatButtonModule,
        MatFormFieldModule,
        MatInputModule,
        MatSelectModule,
        MatCardModule,
],
exports:[
    BrowserAnimationsModule,
    MatButtonModule,
    MatFormFieldModule,
    MatInputModule,
    MatSelectModule,
    MatCardModule,
    MatGridListModule,
],

        })
        export class AppMaterialModule { }

app.module

import { AppMaterialModule } from '../app/app-material/app-material.module';

imports : [AppMaterialModule ]

这些导入错误。其中MatCardModule, MatAutocompleteModule没有给出任何错误

Answer 1

我遇到了同样的问题，而解决问题的方法是在正在使用的每个模块上导入“ AppMaterialModule”。假设您有一个LoginModule和DashboardModule，必须在之前命名的这两个模块的imports数组上添加“ AppMaterialModule”，如果仅将其添加到AppModule上将无法正常工作。

还要考虑：

import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';

并将其添加到所需模块的'schemas'数组中。

...

  ],
  bootstrap: [AppComponent],
  schemas: [ CUSTOM_ELEMENTS_SCHEMAS ]
})
export class AppModule { }
...

如果您对更新有任何其他问题，则可以实际查看此链接，在该链接中可以找到更新Angular的指南！

逐步更新：Angular update Guide

角度9更新后角度材料破裂

1 个答案: