时间戳

首页 > 解决方案 > 角9更新后角材料损坏

angular-material - 角9更新后角材料损坏

问题描述

我最近将我的项目从 Angular 8 更新到 9，但是 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 { }

应用程序模块

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

imports : [AppMaterialModule ]

这些导入给出了错误。在哪里 MatCardModule, MatAutocompleteModule没有给出任何错误

标签： angular-materialangular8

解决方案

我遇到了同样的问题，我解决它的方法是在它正在使用的每个模块上导入“AppMaterialModule”。假设你有一个 LoginModule 和 DashboardModule，你必须在前面命名的这 2 个模块的导入数组上添加“AppMaterialModule”，如果你只是在 AppModule 上添加它是行不通的。

还要考虑：

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

并将其添加到所需模块上的“模式”数组中。

...

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

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

分步更新：Angular 更新指南

推荐阅读