node.js - Fel TS18003 och saknat '@angular-devkit/build-angular' i Angular-projekt som använder blandade versioner (Angular 7 och 19)

Bakgrund: Jag arbetar på ett Angular-projekt som kombinerar Angular 7 och några nyare Angular 19-paket. Målet är att framgångsrikt köra projektet med ng serve.

Problemet: Jag stöter på följande problem:

  1. När jag kör ng serve får jag felet:
    "Kunde inte hitta modulen '@angular-devkit/build-angular' från '...'."

  2. Efter att ha uppdaterat Node.js och Angular CLI får jag felet:
    "TS18003: Inga indata hittades i konfigurationsfilen 'tsconfig.json'."

Vad jag har provat:

  1. Uppdaterade Node.js till version 18.20.5 för att säkerställa kompatibilitet med Angular CLI och andra beroenden.

  2. Justerade angular.json och tsconfig.json-filerna baserat på olika rekommendationer som hittats online. Till exempel:

    • Säkrade att compilerOptions i tsconfig.json inkluderade korrekta sökvägar och indata.

    • Säkerställde att angular.json-filen refererade till giltiga byggarpaket.

  3. Rensade och installerade om node_modules med:

    rm -rf node_modules
npm install

  4. Körde npm audit fix för att lösa eventuella beroendeproblem.

  5. Sökte online efter liknande problem och tillämpade föreslagna lösningar, men ingen fungerade.

Viktiga konfigurationsdetaljer: Här är de relevanta sektionerna av min package.json:

"dependencies": {
  "@angular/animations": "^7.2.16",
  "@angular/common": "^7.2.16",
  "@angular/compiler": "^19.0.0",
  "@angular/core": "^7.2.16",
  "@angular/forms": "^7.2.16",
  "@angular/platform-browser": "^7.2.16",
  "@angular/platform-browser-dynamic": "^19.0.0"
},
"devDependencies": {
  "@angular-devkit/build-angular": "~15.0.0",
  "@angular/cli": "^19.0.0",
  "@angular/compiler-cli": "^19.0.0",
  "typescript": "~4.8.4"
}

Min angular.json-fil innehåller följande avsnitt:

"projects": {
  "app": {
    "architect": {
      "build": {
        "builder": "@angular-devkit/build-angular:browser"
      }
    }
  }
}

Vad jag förväntade mig: Jag förväntade mig att projektet skulle starta framgångsrikt med ng serve utan beroende- eller konfigurationsfel.

Relaterade frågor: Jag granskade liknande frågor som:

  • Kunde inte hitta modulen "@angular-devkit/build-angular" från "F:\Angular Projects\cmp-databinding-start"

  • Angular8-fel vid användning av ng serve: Kunde inte hitta modulen “@angular-devkit/build-angular ”

Men ingen av dem löste mitt problem. Mitt projekt använder en blandning av Angular 7 och Angular 19-paket, vilket kan orsaka ytterligare kompatibilitetsproblem som inte täcktes i de svaren.

Min fråga: Vilka ytterligare steg kan jag ta för att lösa dessa beroenden och konfigurationsproblem? Bör jag nedgradera alla beroenden för att matcha Angular 7, eller finns det ett bättre sätt att blanda versioner?

Länkar till repository: För en fullständig vy av konfigurationen, se mitt repository: GitHub Repository.