오류: 모듈 '@angular/material'에 내보낸 멤버 "..."이 없습니다.

오류: 모듈 '@angular/material'에 내보낸 멤버 "..."이 없습니다.

나는 사용자 정의 Angular material module, material.module.ts 파일을 만들고 아래와 같이 이 파일에 다음과 같은 Angular material 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 파일로 가져오지만 다음 오류가 있습니다.

모듈 '@angular/material'에 내보낸 멤버 "..."

각도 및/또는 각도 재료 버전이 업데이트되었을 수 있습니다. 각도 재료 9 업그레이드를 통해 가져오기가 표기법에서 유사한 표기법으로 변경되었습니다.

@angular/material에서 가져오는 대신 특정 구성 요소에서 깊이 가져와야 합니다.예: @각도/소재/버튼ng 업데이트는 자동으로 이 작업을 수행합니다.

다음 링크의 업그레이드 가이드를 따르십시오. https://update.angular.io/ ?v=8.0-9.0

Angular Material v9에서 각 모듈을 별도의 경로로 가져와야 합니다. 예:

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

다음을 사용하여 Angular 앱을 업데이트한 경우ng update(다음을 사용하여 Angular를 업데이트하는 것이 좋습니다.)ng update그러나 여러 개의 주요 버전으로 이동하는 것은 권장되지 않습니다. 자세한 내용은 여기를 참조하십시오). 자동으로 마이그레이션되므로 가져오기와 관련된 작업을 수행할 필요가 없습니다.

각도 및/또는 각도 재료 버전이 업데이트되었을 수 있습니다. 각도 재료 9 업그레이드를 통해 .ts 파일에서 재료 모듈을 가져오는 방식이 변경되었습니다.이전에는 MatButton 모듈, MatToolbar 모듈, MatIcon 모듈, MatSidenav 모듈, MatBadge 모듈, MatList 모듈, MatGridList 모듈, MatInput 모듈, MatFormFieldModule, MatSelectModule, MatMatTopModule, MatTiple, MatTool, MatTool과 같은 특정 재료 모듈을 가져올 때마다 사용했습니다.(계속) 우리는 이 구조로 수입하고 있습니다.

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

Angular/Angular 재료의 업데이트로 성능과 번들 크기에 영향을 미치는 전체 재료 모듈의 로드를 방지하기 위해 특정 모듈을 통해 가져올 것입니다. 최신 버전에서는 특정 모듈을 가져올 것입니다.

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

저는 Angular Material의 스테퍼를 사용하고 싶습니다.당신과 같은 오류가 표시되었습니다.app.module.js에서 다음 코드를 사용했습니다. '@angular/material/stepper'에서 {MatStepperModule}을(를) 가져옵니다.제 경우에는 "/stepper"가 누락되었습니다.또한 [MatStepperModule]을(를) 가져옵니다.

추가시를 추가해 .import {MatToolbarModule} from '@angular/material/toolbar';app.module.ts.

언급URL : https://stackoverflow.com/questions/69135476/error-module-angular-material-has-no-exported-member