Angular 将角度材质8.2.3更新为9.2.4破坏了我的应用程序

我已经将Angle material从8.2.3更新到9.2.4，但是现在我有很多与导入相关的错误

    import {MatToolbarModule, MatSidenavModule, MatIconModule, MatButtonModule, MatDialogModule, MatDividerModule,
  MatInputModule, MatFormFieldModule, MatCheckboxModule, MatExpansionModule, MatCardModule, MatSelectModule, 
  MatDatepickerModule, MatNativeDateModule, MatSnackBarModule, MatProgressSpinnerModule, MatTabsModule,
  MatChipsModule, MatListModule, MatTooltipModule, MatBottomSheetModule, MatAutocompleteModule,MatRadioModule, MatProgressBarModule} from '@angular/material';

错误：

文件'c:/Proyectos/LIMSp/node_modules/@angular/material/index.d.ts'不是模块。ts（2306）

我尝试过像文档中那样逐个导入，但不起作用

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

错误：

Module'../../../node_modules/@angular/material/toolbar“'没有导出的成员'MatToolbarModule'。ts（2305）

这是my package.json：

{
  "name": "sasin",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "dev": "nodemon --watch  server.js"
  },
  "private": true,
  "dependencies": {
    "@ag-grid-community/angular": "^22.1.2",
    "@ag-grid-community/core": "^22.1.1",
    "@angular/animations": "^9.1.11",
    "@angular/cdk": "^9.2.4",
    "@angular/common": "~9.1.11",
    "@angular/compiler": "~9.1.11",
    "@angular/core": "~9.1.11",
    "@angular/flex-layout": "^9.0.0-beta.29",
    "@angular/forms": "~9.1.11",
    "@angular/localize": "^9.1.11",
    "@angular/material": "^9.2.4",
    "@angular/material-moment-adapter": "^9.2.4",
    "@angular/platform-browser": "~9.1.11",
    "@angular/platform-browser-dynamic": "~9.1.11",
    "@angular/router": "~9.1.11",
    "@ng-bootstrap/ng-bootstrap": "^5.2.1",
    "@ng-bootstrap/schematics": "^2.0.0-alpha.1",
    "ag-grid-angular": "^22.1.1",
    "ag-grid-community": "^22.1.1",
    "bcrypt": "^3.0.8",
    "body-parser": "^1.19.0",
    "bootstrap": "^4.4.1",
    "es-abstract": "^1.17.4",
    "file-saver": "^2.0.2",
    "jquery": "^3.4.1",
    "jsonwebtoken": "^8.5.1",
    "jwt-decode": "^2.2.0",
    "moment": "^2.24.0",
    "mongodb": "^3.5.2",
    "mongoose": "^5.8.11",
    "mongoose-unique-validator": "^2.0.3",
    "multer": "^1.4.2",
    "node-pre-gyp": "^0.14.0",
    "popper.js": "^1.16.1",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.8",
    "@angular/cli": "^9.1.8",
    "@angular/compiler-cli": "~9.1.11",
    "@angular/language-service": "~9.1.11",
    "@types/jasmine": "~3.5.3",
    "@types/jasminewd2": "~2.0.8",
    "@types/node": "~13.7.0",
    "codelyzer": "^5.2.1",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.4.1",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.1",
    "karma-jasmine": "~3.1.0",
    "karma-jasmine-html-reporter": "^1.5.2",
    "nodemon": "^2.0.2",
    "protractor": "~5.4.3",
    "ts-node": "~8.6.2",
    "tslint": "~6.0.0",
    "typescript": "~3.7.5"
  }
}

我一直在网上搜索，找不到其他有这个问题的人。我读过棱角材料文档，但没有提到如何更新。

---

我遗漏了什么？

尝试删除node_modules文件夹并重新安装所有软件包，此外还需要按照文档中的说明进行导入。对于角材质9，您需要使用包中的单个导入

不正确的方式

导入{
MatToolbarModule、MatSidenavModule、MatIconModule、MatButtonModule、MatDialogModule、MatDividerModule、，
MatInputModule、MatFormFieldModule、MatCheckboxModule、MatExpansionModule、MatCardModule、MatSelectModule、，
MatDatepickerModule、MatNativeDateModule、MatNackBarModule、MatProgressSpinnerModule、MattAbs Module、，
MatchipModule、MatListModule、MatTooltipModule、MatBottomSheetModule、MatAutocompleteModule、MatRadioModule、MatProgressBarModule
}从“@角度/材料”开始；

正确的方法

从'@angular/material/toolbar'导入{MatToolbarModule}

如果您使用

---

ng update--all

它会注意更新所有依赖项以及它的依赖项

我发现VScode告诉我没有安装@angular/cdk和“@angular/material moment adapter”。我尝试使用npm安装它们。它说它已经更新了一个软件包，但是它仍然被标记为不是由vscode安装的。非常感谢。那是苏鲁西翁。