Angular PrimeNG Diamond模板安装@ngx-translate/core依赖冲突求助

错误信息 #

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: diamond-ng@15.1.0
npm ERR! Found: @angular/common@15.2.9
npm ERR! node_modules/@angular/common
npm ERR!   @angular/common@"^15.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@">=16.0.0" from @ngx-translate/core@15.0.0
npm ERR! node_modules/@ngx-translate/core
npm ERR!   @ngx-translate/core@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

项目package.json内容 #

{    
    "name": "diamond-ng",    
    "version": "15.1.0",    
    "scripts": {        
        "ng": "ng",        
        "start": "ng serve",        
        "build": "ng build",        
        "watch": "ng build --watch --configuration development",        
        "test": "ng test",        
        "lint": "ng lint"    
    },    
    "private": true,    
    "dependencies": {        
        "@angular/animations": "^15.2.0",        
        "@angular/cdk": "^15.2.0",        
        "@angular/common": "^15.2.0",        
        "@angular/compiler": "^15.2.0",        
        "@angular/core": "^15.2.0",        
        "@angular/forms": "^15.2.0",        
        "@angular/platform-browser": "^15.2.0",        
        "@angular/platform-browser-dynamic": "^15.2.0",        
        "@angular/router": "^15.2.0",        
        "@fullcalendar/angular": "^6.0.3",        
        "@fullcalendar/core": "^6.0.3",        
        "@fullcalendar/daygrid": "^6.0.3",        
        "@fullcalendar/interaction": "^6.0.3",        
        "@fullcalendar/timegrid": "^6.0.3",        
        "chart.js": "^3.3.2",        
        "primeflex": "^3.2.1",        
        "primeicons": "6.0.1",        
        "primeng": "15.2.0",        
        "prismjs": "1.9.0",        
        "quill": "^1.3.7",        
        "rxjs": "~7.8.0",        
        "zone.js": "~0.12.0"    
    },    
    "devDependencies": {        
        "@angular-devkit/build-angular": "~15.2.0",        
        "@angular/cli": "^15.2.0",        
        "@angular/compiler-cli": "^15.2.0",        
        "@types/jasmine": "~4.3.0",        
        "jasmine-core": "~4.5.0",        
        "karma": "~6.4.0",        
        "karma-chrome-launcher": "~3.1.0",        
        "karma-coverage": "~2.2.0",        
        "karma-jasmine": "~5.1.0",        
        "karma-jasmine-html-reporter": "~2.0.0",        
        "tslib": "^2.5.2",        
        "typescript": "~4.9.4"    
    }
}

问题原因 #

执行npm install @ngx-translate/core时，npm默认拉取了**@ngx-translate/core@15.0.0**，但该版本的peer依赖明确要求@angular/common >=16.0.0，而你的项目使用Angular 15.2.x版本，版本不匹配导致依赖树解析失败。

解决方案 #

方案1：安装适配Angular 15的版本（推荐） #

@ngx-translate/core的14.x版本完全兼容Angular 15，执行以下命令安装：

npm install @ngx-translate/core@14.0.0

如果需要通过HTTP加载翻译文件，同时安装对应版本的http-loader：

npm install @ngx-translate/http-loader@7.0.0

方案2：临时绕过peer依赖检查（不推荐） #

若暂时无法调整版本，可使用--legacy-peer-deps参数强制安装，但可能引发运行时兼容性问题：

npm install @ngx-translate/core --legacy-peer-deps

验证步骤 #

1. 安装完成后，查看package.json的dependencies字段，确认@ngx-translate/core版本为14.x；
2. 执行npm install确保所有依赖正常安装；
3. 运行ng serve启动项目，验证功能正常。

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