CLI 版本仅与 Angular 版本兼容 ^14.0.0

Question

运行 npm audit fix --force npm install @tkrotoff/bootstrap-floating-label 后，我收到以下错误；

This version of CLI is only compatible with Angular versions ^14.0.0,
but Angular version 12.2.16 was found instead.

Please visit the link below to find instructions on how to update Angular.
https://update.angular.io/

后记，几次我尝试安装/卸载 cli 和耦合包，因为我在不同的解决方案中找到了，但我没有帮助。最后，我还尝试放弃包文件更改，现在看起来如下所示。

  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~12.2.0",
    "@angular/common": "~12.2.0",
    "@angular/compiler": "~12.2.0",
    "@angular/core": "~12.2.0",
    "@angular/forms": "~12.2.0",
    "@angular/platform-browser": "~12.2.0",
    "@angular/platform-browser-dynamic": "~12.2.0",
    "@angular/router": "~12.2.0",
    "@ng-bootstrap/ng-bootstrap": "^10.0.0",
    "@types/jquery": "^3.5.14",
    "body-parser": "^1.20.0",
    "bootstrap": "^5.2.1",
    "express": "^4.18.1",
    "jquery": "^3.6.1",
    "mongoose": "^6.6.0",
    "ng2-search-filter": "^0.5.1",
    "ngx-toastr": "^14.0.0",
    "rxjs": "~6.6.0",
    "tslib": "^2.3.0",
    "xlsx": "^0.18.5",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^14.2.7",
    "@angular/cli": "~12.2.18",
    "@angular/compiler-cli": "~12.2.0",
    "@types/jasmine": "~3.8.0",
    "@types/node": "^12.11.1",
    "jasmine-core": "~3.8.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "typescript": "~4.3.5"
  }
}

Answer 1

首先要回到你以前的情况，删除你的 node_modules 文件夹和 package-lock.json 然后运行 ​​npm install，我还将“@angular-devkit/build-angular”的版本更改为 12.2.18。然后，如果您需要升级到 Angular 14，则必须先升级到 13，然后再升级到 14（Angular 不支持多个主要版本迁移）。您可以按照指南here 进行更新，您需要为每个版本迁移提交更改。 如果您需要浮动标签并且正在使用引导程序，则不需要您提到的模块，但是将表单浮动类添加到表单中就足够了。请参阅示例here。