Angular 7升级至Angular 8失败求助：Angular Material更新报错

初始问题 #

按照官方升级指南尝试将Angular 7升级至Angular 8，执行推荐的更新Angular Material到8版本的命令（已添加--force参数）：

cmd /C "set "NG_DISABLE_VERSION_CHECK=1" && npx @angular/cli@8 update @angular/material@8"

得到报错信息：

The installed Angular CLI version is older than the latest stable version.
Installing a temporary version to perform the update.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Error: This command is not available when running the Angular CLI outside a workspace.

项目结构截图：

当前环境信息 #

• Node版本：16.20.0
• 本地及全局@angular/cli版本：8.3.29

package.json内容 #

{
  "name": "sydep.ui",
  "version": "1.0.0",
  "description": "sydep.ui project",
  "keywords": [],
  "author": "",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "dependencies": {
    "@angular/animations": "^8.2.14",
    "@angular/cdk": "^7.1.1",
    "@angular/common": "^8.2.14",
    "@angular/compiler": "^8.2.14",
    "@angular/core": "^8.2.14",
    "@angular/forms": "^8.2.14",
    "@angular/http": "^7.1.1",
    "@angular/material": "^7.1.1",
    "@angular/platform-browser": "^8.2.14",
    "@angular/platform-browser-dynamic": "^8.2.14",
    "@angular/router": "^8.2.14",
    "@nicky-lenaers/ngx-scroll-to": "^0.6.0",
    "@types/file-saver": "^2.0.0",
    "@types/rx": "^4.1.1",
    "@types/underscore": "^1.8.3",
    "ajv": "^6.0.0",
    "b64-to-blob": "^1.2.19",
    "bootstrap": "^3.3.7",
    "core-js": "^2.6.0",
    "file-saver": "^2.0.1",
    "hammerjs": "^2.0.8",
    "jquery": "^3.2.1",
    "less": "^3.8.1",
    "less-loader": "^4.0.3",
    "material-components-web": "^0.31.0",
    "material-design-icons-iconfont": "^3.0.3",
    "material-icons": "^0.2.3",
    "ng2-file-upload": "^1.3.0",
    "ng2-validation": "^4.2.0",
    "ngx-currency-mask": "^4.3.2",
    "rxjs": "6.6.7",
    "typescript": "3.4",
    "underscore": "^1.8.3",
    "uuid": "^3.1.0",
    "zone.js": "^0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.803.29",
    "@angular/cli": "^8.3.29",
    "@angular/compiler-cli": "^8.2.14",
    "@angular/language-service": "^8.2.14",
    "@types/jasmine": "^3.3.1",
    "@types/jasminewd2": "^2.0.3",
    "@types/jquery": "^3.2.5",
    "@types/node": "^10.12.12",
    "@types/protractor": "^4.0.0",
    "@types/uuid": "^3.0.0",
    "@types/webpack-env": "^1.13.5",
    "angular2-template-loader": "^0.6.0",
    "awesome-typescript-loader": "^3.0.4",
    "canonical-path": "0.0.2",
    "clean-webpack-plugin": "^0.1.16",
    "codelyzer": "^4.5.0",
    "concurrently": "^3.2.0",
    "css-loader": "^0.26.1",
    "extract-text-webpack-plugin": "2.0.0-beta.5",
    "file-loader": "^0.9.0",
    "html-loader": "^0.4.3",
    "html-webpack-plugin": "^2.16.1",
    "jasmine-core": "^3.3.0",
    "jasmine-spec-reporter": "^4.2.1",
    "karma": "^3.1.3",
    "karma-chrome-launcher": "^2.2.0",
    "karma-cli": "^2.0.0",
    "karma-jasmine": "^2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "lodash": "^4.17.5",
    "node-sass": "^9.0.0",
    "null-loader": "^0.1.1",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "protractor": "^5.4.1",
    "raw-loader": "^0.5.1",
    "rimraf": "^2.5.2",
    "rxjs-tslint": "^0.1.6",
    "sass-loader": "^6.0.6",
    "source-map-loader": "^0.2.4",
    "style-loader": "^0.13.1",
    "tslint": "^5.11.0",
    "webpack": "2.2.1",
    "webpack-auto-inject-version": "^1.1.0",
    "webpack-dev-server": "^3.1.10",
    "webpack-merge": "^3.0.0"
  }
}

更新后的新错误 #

按照建议调整版本后（版本截图如下）：


出现新的报错：

[error] Error: npm ERR! Invalid dependency type requested: alias

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\tmelidis\AppData\Roaming\npm-cache\_logs\2023-06-27T14_55_25_335Z-debug.log
Package install failed, see above.
    at installPackage (C:\Users\tmelidis\AppData\Roaming\npm-cache\_npx\23616\node_modules\@angular\cli\tasks\install-package.js:37:15)
    at installTempPackage (C:\Users\tmelidis\AppData\Roaming\npm-cache\_npx\23616\node_modules\@angular\cli\tasks\install-package.js:74:5)
    at Object.runTempPackageBin (C:\Users\tmelidis\AppData\Roaming\npm-cache\_npx\23616\node_modules\@angular\cli\tasks\install-package.js:83:33)
    at UpdateCommand.run (C:\Users\tmelidis\AppData\Roaming\npm-cache\_npx\23616\node_modules\@angular\cli\commands\update-impl.js:37:38)

希望能得到解决建议。

内容的提问来源于stack exchange，提问作者theomeli