Issue resolving fileService.js method getExtUri with angular 20+

[Christophe-SR]

Hello, I have this error in angular 20+

root_effect_scheduler.mjs:3637 ERROR TypeError: Cannot read properties of null (reading 'getExtUri')
    at fileService.js:224:41
    at Generator.next (<anonymous>)
    at chunk-SNAWSAZB.js:92:61
    at new ZoneAwarePromise (zone.js:2701:25)
    at __async (chunk-SNAWSAZB.js:76:10)
    at toFileStat (fileService.js:223:84)
    at index.js:765:32
    at Generator.next (<anonymous>)
    at chunk-SNAWSAZB.js:92:61
    at new ZoneAwarePromise (zone.js:2701:25)

Any idea how to resolve it ?

package.json

"dependencies": {
    "@angular/animations": "^20.3.3",
    "@angular/cdk": "^20.2.3",
    "@angular/common": "^20.3.3",
    "@angular/compiler": "^20.3.3",
    "@angular/core": "^20.3.3",
    "@angular/forms": "^20.3.3",
    "@angular/material": "^20.2.7",
    "@angular/material-moment-adapter": "^20.2.7",
    "@angular/platform-browser": "^20.3.3",
    "@angular/platform-browser-dynamic": "^20.3.3",
    "@angular/router": "^20.3.3",
    "@mdi/font": "^7.0.0",
    "@ngx-translate/core": "^17.0.0",
    "@stomp/rx-stomp": "^2.2.0",
    "@tweenjs/tween.js": "^25.0.0",
    "lodash": "^4.17.21",
    "moment": "^2.30.1",
    "monaco-languageclient": "~10.4.0",
    "rxjs": "^7.4.0",
    "sockjs-client": "^1.6.1",
    "tslib": "^2.0.0",
    "uuid": "^11.0.0",
    "zone.js": "~0.15.1"
  },
  "engines": {
    "node": "20.19.2"
  },
  "devDependencies": {
    "@analogjs/vite-plugin-angular": "^1.21.2",
    "@analogjs/vitest-angular": "^1.21.2",
    "@angular-devkit/build-angular": "^20.3.4",
    "@angular-eslint/builder": "^20.3.0",
    "@angular-eslint/eslint-plugin": "^20.3.0",
    "@angular-eslint/eslint-plugin-template": "^20.3.0",
    "@angular-eslint/schematics": "^20.3.0",
    "@angular-eslint/template-parser": "^20.3.0",
    "@angular/cli": "^20.3.4",
    "@angular/compiler-cli": "^20.3.3",
    "@eslint/js": "^9.36.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^20.0.0",
    "@types/sockjs-client": "^1.5.4",
    "@typescript-eslint/eslint-plugin": "^8.45.0",
    "@typescript-eslint/parser": "^8.45.0",
    "eslint": "^9.36.0",
    "eslint-config-prettier": "^10.1.8",
    "eslint-plugin-prettier": "^5.5.4",
    "globals": "^16.4.0",
    "husky": "^6.0.0",
    "jasmine-spec-reporter": "~5.0.0",
    "jiti": "^2.6.1",
    "jsdom": "^27.0.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "lint-staged": "^10.0.0",
    "prettier": "^3.2.4",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "typescript": "~5.8.3",
    "typescript-eslint": "^8.45.0",
    "vitest": "^3.2.4"
  },

[kaisalmen]

Hi @Christophe-SR I have created a pre-bundled version here, but I run into the same issue as well now. The pre-bundle is not the problem, but the angular builder wrongly transforms the code. In the stack trace above, this (the reference to the class) is null. That is not the case with other bundlers/build tools. Right now, I don't have a work around or solution. Once #968 (comment) is resolved in rolldown-vite we may have a way out.

[Christophe-SR]

Thanks for the update. I don't need any file service for my current use case. Is there a way to disable it ?

[kaisalmen]

There are some services like the file service that are always loaded, so there is no way around. Nasty situation is that webpack and esbuild (via plugin for dev) works, but both don't with Angular. I tried both custom loaders again the last couple of days, but didn't get it fully working. @CGNonofr do you use Angular at Codingame / do you have any further ideas?

[kaisalmen]

@Christophe-SR and @CGNonofr good news everyone: I got it working again, by using @analogjs/vite-plugin-angular and only it (not the rest of the meta-framework). This uses vite instead of the angular builder and it works with the normal plugins.

[kaisalmen]

I will push an update soon

[CGNonofr]

do you use Angular at Codingame / do you have any further ideas?

Not at all 🤔