Angular материал поврежден после angular 9 обновления

Question

Я недавно обновил свой проект с Angular 8 до 9, но есть проблемы с angular импортом материала. Я также обновил angular материал.

Но angular импорт материалов дает ошибки. Я также попытался удалить и добавить angular -материал, но не повезло. Что мне теперь делать? Заранее спасибо

     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, вы должны добавить 'AppMaterialModule' в массив импорта из этих двух названных модулей, это не сработает, если вы просто добавите его в AppModule.

Также учтите:

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

и добавьте его в массив 'schemas' на нужном модуле.

...

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

Если у вас возникли другие проблемы с обновлением, вы можете на самом деле проверить эту ссылку, где вы можете найти руководство по обновлению Angular!

Пошаговое обновление: Angular Руководство по обновлению