错误:模块'"@角度/材料"'没有导出成员"&"

Question

我创建了一个自定义的Angular材质模块material.module.ts文件，并在该文件中导入以下Angular材质UI组件，如下所示。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
MatButtonModule,
MatToolbarModule,
MatIconModule,
MatBadgeModule,
MatSidenavModule,
MatListModule,
MatGridListModule,
MatFormFieldModule,
MatInputModule,
MatSelectModule,
MatRadioModule,
MatDatepickerModule,
MatNativeDateModule,
MatChipsModule,
MatTooltipModule,
MatTableModule,
MatPaginatorModule
} from '@angular/material';
@NgModule({
imports: [
CommonModule,
MatButtonModule,
MatToolbarModule,
MatIconModule,
MatSidenavModule,
MatBadgeModule,
MatListModule,
MatGridListModule,
MatFormFieldModule,
MatInputModule,
MatSelectModule,
MatRadioModule,
MatDatepickerModule,
MatNativeDateModule,
MatChipsModule,
MatTooltipModule,
MatTableModule,
MatPaginatorModule
],
exports: [
MatButtonModule,
MatToolbarModule,
MatIconModule,
MatSidenavModule,
MatBadgeModule,
MatListModule,
MatGridListModule,
MatInputModule,
MatFormFieldModule,
MatSelectModule,
MatRadioModule,
MatDatepickerModule,
MatChipsModule,
MatTooltipModule,
MatTableModule,
MatPaginatorModule
],
providers: [
MatDatepickerModule,
]
})
export class AngularMaterialModule { }

并将AngularMaterialModule导入app.module.ts文件但是我有一个错误：

模块"@角度/材料"没有导出的成员">

Answer 1

您可能已经更新了角度和/或角度材质版本；随着角材料9的升级，他们将导入从@angular/material表示法更改为类似@angular/material/button的表示法。

您应该从特定组件深度导入，而不是从@angular/material导入。例如@角度/材料/按钮ng更新将自动为您执行此操作。

您可以通过以下链接遵循升级指南：https://update.angular.io/?v=8.0-9.0

Answer 2

从Angular Material v9中，每个模块都应该从一个单独的路径导入，例如：

import { MatAutocompleteModule } from '@angular/material/autocomplete';

如果您使用ng update更新了Angular应用程序(建议使用ng update更新Angular，但不建议在多个主要版本之间移动，请参阅此处了解更多详细信息)，它将自动迁移，您不需要对导入做任何操作。

Answer 3

您可能已经更新了角度和/或角度材质版本；随着angular material 9的升级，他们改变了我们在.ts文件中导入材料模块的方式。以前，对于MatButtonModule、MatToolbarModule、MatIconModule、MatSidenavModule、MatBadgeModule、MatListModule、MatGridListModule、MatchInputModule、MatFormFieldModule、MatSelectModule、MatRadioModule、MatDatepickerModule、MatChipsModule、MatooltipModule、MatTableModule、MatPaginatorModule等材料模块的每次特定导入，我们都在此结构中导入

import { MatButtonModule,MatToolbarModule,MatIconModule,MatSidenavModule } from '@angular/material';

随着Angular/Angular材料的更新，我们通过特定的模块导入，以避免加载整个材料模块，这会影响性能和束大小，最新版本的我们导入特定的模块

import {MatToolbarModule} from '@angular/material/toolbar';

Answer 4

尝试添加import {MatToolbarModule} from '@angular/material/toolbar';在CCD_ 6中。

Answer 5

我想使用Angular Material的步进器。显示了与您相同的错误。我在app.module.js中使用了以下代码：从"@angular/material/stepper"；导入｛MatStepperModule｝；。就我而言/步进器"；不见了。以及在导入[MatStepperModule]中。