angular - 从 angular 7 升级到 12

Question

我正在从 Angular 7 升级到 12，遇到了所有这些问题。

问题是 Angular Material

我该如何解决。

./src/app/material.module.ts:13:89-110 - Error: export 'MatAutocompleteModule' (imported as 'MatAutocompleteModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:112-126 - Error: export 'MatBadgeModule' (imported as 'MatBadgeModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:128-148 - Error: export 'MatBottomSheetModule' (imported as 'MatBottomSheetModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:150-165 - Error: export 'MatButtonModule' (imported as 'MatButtonModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:167-188 - Error: export 'MatButtonToggleModule' (imported as 'MatButtonToggleModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:190-203 - Error: export 'MatCardModule' (imported as 'MatCardModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:205-222 - Error: export 'MatCheckboxModule' (imported as 'MatCheckboxModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:224-238 - Error: export 'MatChipsModule' (imported as 'MatChipsModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:240-256 - Error: export 'MatStepperModule' (imported as 'MatStepperModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:258-277 - Error: export 'MatDatepickerModule' (imported as 'MatDatepickerModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:279-294 - Error: export 'MatDialogModule' (imported as 'MatDialogModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:296-312 - Error: export 'MatDividerModule' (imported as 'MatDividerModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:314-332 - Error: export 'MatExpansionModule' (imported as 'MatExpansionModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:334-351 - Error: export 'MatGridListModule' (imported as 'MatGridListModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:353-366 - Error: export 'MatIconModule' (imported as 'MatIconModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:[93m13:368-382 - Error: export 'MatInputModule' (imported as 'MatInputModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:384-397 - Error: export 'MatListModule' (imported as 'MatListModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:399-412 - Error: export 'MatMenuModule' (imported as 'MatMenuModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:414-433 - Error: export 'MatNativeDateModule' (imported as 'MatNativeDateModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:435-453 - Error: export 'MatPaginatorModule' (imported as 'MatPaginatorModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:455-475 - Error: export 'MatProgressBarModule' (imported as 'MatProgressBarModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:477-501 - Error: export 'MatProgressSpinnerModule' (imported as 'MatProgressSpinnerModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:503-517 - Error: export 'MatRadioModule' (imported as 'MatRadioModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:519-534 - Error: export 'MatRippleModule' (imported as 'MatRippleModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:536-551 - Error: export 'MatSelectModule' (imported as 'MatSelectModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:553-569 - Error: export 'MatSidenavModule' (imported as 'MatSidenavModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:571-586 - Error: export 'MatSliderModule' (imported as 'MatSliderModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:588-608 - Error: export 'MatSlideToggleModule' (imported as 'MatSlideToggleModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:610-627 - Error: export 'MatSnackBarModule' (imported as 'MatSnackBarModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:629-642 - Error: export 'MatSortModule' (imported as 'MatSortModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:644-658 - Error: export 'MatTableModule' (imported as 'MatTableModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:660-673 - Error: export 'MatTabsModule' (imported as 'MatTabsModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:675-691 - Error: export 'MatToolbarModule' (imported as 'MatToolbarModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:693-709 - Error: export 'MatTooltipModule' (imported as 'MatTooltipModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

./src/app/material.module.ts:13:711-724 - Error: export 'MatTreeModule' (imported as 'MatTreeModule') was not found in '@angular/material' (possible exports: ɵɵtsModuleIndicatorApiExtractorWorkaround)

Answer 1

从 Angular Material v9 开始，每个模块都应该从单独的路径导入，例如:

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

如果您使用 ng update 更新了 Angular 应用程序(建议使用 ng update 更新 Angular，但不建议跨多个主要版本，see here for more details ), 它将自动迁移，您无需对导入执行任何操作。