Angular 19+ support planned ?

[caramelCookie]

Is your feature request related to a problem? Please describe.

We are currently upgrading our Angular project to version 19 (specifically 19.2.9). However, we are encountering dependency conflicts due to @formio/[email protected] having peer dependencies that only support Angular versions 16, 17, or 18. This is preventing us from using @formio/angular without using workarounds like --force or --legacy-peer-deps, which can lead to instability in production environments. Downgrading Angular is also not a viable option due to other dependencies in our project requiring Angular 19.

Describe the solution you'd like

We would like to request official support for Angular 19 in the @formio/angular package. Ideally, the peer dependency range for @angular/common, @angular/core, and related packages would be expanded to include Angular 19, e.g.:
"peerDependencies": {
"@angular/common": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
"@angular/core": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
}
It would also be helpful to publish a new release of @formio/angular that has been tested against Angular 19.

Here’s the error we encountered when attempting to install dependencies:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"19.2.9" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^16.0.0 || ^17.0.0 || ^18.0.0" from @formio/[email protected]
npm ERR! node_modules/@formio/angular
npm ERR! @formio/angular@"^8.0.0-rc.11" from the root project

[lane-formio]

Have you tried 9.0.0-rc.3?

[caramelCookie]

Hey,

Thanks for answering.
I tried and seems like there is conflict with zone.js:

• Angular v19.2.9 requires [email protected]
• Form.io requires [email protected]

[dolphinsd]

Here is an error with angular 19.2.11

X [ERROR] Could not resolve "@formio/js"

node_modules/@formio/angular/fesm2022/formio-angular.mjs:3:61:
  3 │ import { Formio, FormioCore, Utils, Form, FormBuilder } from '@formio/js';
    ╵                                                              ~~~~~~~~~~~~

You can mark the path "@formio/js" as external to exclude it from the bundle, which will remove
this error and leave the unresolved path in the bundle.

C:\Dev\Omnibasis\Base\client\node_modules\esbuild\lib\main.js:1463
let error = new Error(text);
^

Error: Build failed with 1 error:
node_modules/@formio/angular/fesm2022/formio-angular.mjs:3:61: ERROR: Could not resolve "@formio/js"
at failureErrorWithLog (C:\Dev\Omnibasis\Base\client\node_modules\esbuild\lib\main.js:1463:15)
at C:\Dev\Omnibasis\Base\client\node_modules\esbuild\lib\main.js:924:25
at C:\Dev\Omnibasis\Base\client\node_modules\esbuild\lib\main.js:1341:9
at process.processTicksAndRejections (node:internal/process/task_queues:105:5) {
errors: [Getter/Setter],
warnings: [Getter/Setter]
}

Node.js v23.6.1