我的 JHIPSTER 应用程序中的依赖项问题答案

【问题标题】：problem with dependencies in my JHIPSTER application我的 JHIPSTER 应用程序中的依赖项问题
【发布时间】：2023-02-01 07:45:11
【问题描述】：

我生成了一个 jhipster 项目，但内置依赖项（priemeng 和角度材料）jhipster 7.0.1，我的 package.json 有问题

"dependencies": {
    "-": "0.0.1",
    "@angular/animations": "^14.1.0",
    "@angular/common": "11.2.7",
    "@angular/compiler": "11.2.7",
    "@angular/core": "11.2.7",
    "@angular/forms": "11.2.7",
    "@angular/localize": "11.2.7",
    "@angular/material": "^14.2.2",
    "@angular/platform-browser": "11.2.7",
    "@angular/platform-browser-dynamic": "11.2.7",
    "@angular/router": "11.2.7",
    "@fortawesome/angular-fontawesome": "0.8.2",
    "@fortawesome/fontawesome-svg-core": "1.2.35",
    "@fortawesome/free-solid-svg-icons": "5.15.3",
    "@ng-bootstrap/ng-bootstrap": "9.1.0",
    "@ngx-translate/core": "13.0.0",
    "@ngx-translate/http-loader": "6.0.0",
    "bootstrap": "4.6.0",
    "bootswatch": "4.6.0",
    "dayjs": "1.10.4",
    "ngx-infinite-scroll": "10.0.1",
    "ngx-webstorage": "7.0.1",
    "primeicons": "^6.0.1",
    "primeng": "^15.1.0",
    "rxjs": "6.6.7",
    "save": "^2.9.0",
    "swagger-ui-dist": "3.46.0",
    "tslib": "2.1.0",
    "zone.js": "0.11.3"
  },
  "devDependencies": {
    "@angular-builders/custom-webpack": "11.1.1",
    "@angular-builders/jest": "11.1.1",
    "@angular-eslint/eslint-plugin": "2.0.2",
    "@angular/cli": "11.2.6",
    "@angular/compiler-cli": "11.2.7",
    "@angular/service-worker": "11.2.7",
    "@types/jest": "26.0.22",
    "@types/node": "14.14.37",
    "@typescript-eslint/eslint-plugin": "4.20.0",
    "@typescript-eslint/parser": "4.20.0",
    "browser-sync": "^2.24.1",
    "browser-sync-webpack-plugin": "2.3.0",
    "concurrently": "6.0.0",
    "copy-webpack-plugin": "6.4.1",
    "eslint": "7.23.0",
    "eslint-config-prettier": "8.1.0",
    "eslint-webpack-plugin": "2.5.3",
    "friendly-errors-webpack-plugin": "1.7.0",
    "generator-jhipster": "7.0.1",
    "husky": "4.3.8",
    "jest": "26.6.3",
    "jest-date-mock": "1.0.8",
    "jest-junit": "12.0.0",
    "jest-sonar-reporter": "2.0.0",
    "lint-staged": "10.5.4",
    "merge-jsons-webpack-plugin": "1.0.21",
    "prettier": "2.2.1",
    "prettier-plugin-java": "1.0.2",
    "prettier-plugin-packagejson": "2.2.10",
    "rimraf": "3.0.2",
    "simple-progress-webpack-plugin": "1.1.2",
    "typescript": "4.1.5",
    "wait-on": "5.3.0",
    "webpack": "4.46.0",
    "webpack-bundle-analyzer": "4.4.0",
    "webpack-merge": "5.7.3",
    "webpack-notifier": "1.13.0"
  },
  "engines": {
    "node": ">=14.16.0"
  },
  "cacheDirectories": [
    "node_modules"
  ],
  "jestSonar": {
    "reportPath": "target/test-results/jest",
    "reportFile": "TESTS-results-sonar.xml"
  }
}

我认为这是与集成依赖项的版本相关的问题，我正在尝试使这些依赖项与 angular 的版本之间具有兼容性

这里有什么问题？我还应该做什么？

【问题讨论】：

试试npm audit fix 命令。它基本上是为了修复漏洞，但有时它会更新依赖项，它可能会解决您的问题。

标签： angular angular-material jhipster primeng

【解决方案1】：

您的项目是使用 Angular 11 生成的，并且您添加了一些来自 Angular 14 的库（材质、动画）。

此外，您还添加了需要 Angular 15 的 PrimeNG 15。

这永远行不通，要么你必须升级 Angular，要么你应该使用旧的兼容版本的 Material 和 PrimeNG。

我还要补充一点，在同一个项目中同时使用 Material 和 PrimeNG 通常没有意义，因为它们的目的是重叠的，您将很难调整样式以使您的应用程序看起来不错。

【讨论】：