Can't seem to create an angular application with the prompt

Project Templates
1

Hi . I am trying to spin up an angular application using the following prompt

Create a UI using angular version 19 for me with a hello world

However it still generates a react project. Any ideas what I am missing or how to improve this prompt?

2

Hi @Manos_Kounelakis - today, we only support creating projects that are built using Next.js. We are working on expanding language support with our app prototyper in the near future.

If you want to create apps using Angular, what you can do is create an app using our Angular template and use the built-in chat there to have it create the app for you: https://idx.google.com/new/angular

3

Hi team,
Any update about this?
I’m trying to create a new project with Angular but it throws this error,

Installing extensions...
Installing extension 'angular.ng-template'...
Extension 'angular.ng-template' v20.0.0 was successfully installed.
nix/store/i3nn4xjcivzhxqpnw0avacn9prgs50hq-code-oss/out/vs/server/node/server.main.js:217:1420
    at Array.forEach (<anonymous>)
    at file:///nix/store/i3nn4xjcivzhxqpnw0avacn9prgs50hq-code-oss/out/vs/server/node/server.main.js:217:1383
    at ModuleJob.run (node:internal/modules/esm/module_job:263:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:540:24) {
  errno: -17,
  code: 'EEXIST',
  syscall: 'mkdir',
  path: '/home/user/.codeoss-cloudworkstations'
}
<IDX> Starting preview...
Waiting for your web server to start serving

> myapp@0.0.0 start
> ng serve --port 9002 --host 0.0.0.0 --disable-host-check

Error: Node.js version v20.18.1 detected.
The Angular CLI requires a minimum of v20.19.

Please update your Node.js version or visit https://nodejs.org/ for additional instructions.

<IDX> ✘ Preview failed to start
Installing extensions...
Installing extension 'angular.ng-template'...
Extension 'angular.ng-template' v20.0.0 was successfully installed.
nix/store/i3nn4xjcivzhxqpnw0avacn9prgs50hq-code-oss/out/vs/server/node/server.main.js:217:1420
    at Array.forEach (<anonymous>)
    at file:///nix/store/i3nn4xjcivzhxqpnw0avacn9prgs50hq-code-oss/out/vs/server/node/server.main.js:217:1383
    at ModuleJob.run (node:internal/modules/esm/module_job:263:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:540:24) {
  errno: -17,
  code: 'EEXIST',
  syscall: 'mkdir',
  path: '/home/user/.codeoss-cloudworkstations'
}
<IDX> Starting preview...
Waiting for your web server to start serving

> myapp@0.0.0 start
> ng serve --port 9002 --host 0.0.0.0 --disable-host-check

Error: Node.js version v20.18.1 detected.
The Angular CLI requires a minimum of v20.19.

Please update your Node.js version or visit https://nodejs.org/ for additional instructions.

<IDX> ✘ Preview failed to start
Installing extensions...
Installing extension 'angular.ng-template'...
Extension 'angular.ng-template' v20.0.0 was successfully installed.
nix/store/i3nn4xjcivzhxqpnw0avacn9prgs50hq-code-oss/out/vs/server/node/server.main.js:217:1420
    at Array.forEach (<anonymous>)
    at file:///nix/store/i3nn4xjcivzhxqpnw0avacn9prgs50hq-code-oss/out/vs/server/node/server.main.js:217:1383
    at ModuleJob.run (node:internal/modules/esm/module_job:263:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:540:24) {
  errno: -17,
  code: 'EEXIST',
  syscall: 'mkdir',
  path: '/home/user/.codeoss-cloudworkstations'
}
<IDX> Starting preview...
Waiting for your web server to start serving

> myapp@0.0.0 start
> ng serve --port 9002 --host 0.0.0.0 --disable-host-check

Error: Node.js version v20.18.1 detected.
The Angular CLI requires a minimum of v20.19.

Please update your Node.js version or visit https://nodejs.org/ for additional instructions.

<IDX> ✘ Preview failed to start
Installing extensions...
Installing extension 'angular.ng-template'...
Extension 'angular.ng-template' v20.0.0 was successfully installed.
nix/store/i3nn4xjcivzhxqpnw0avacn9prgs50hq-code-oss/out/vs/server/node/server.main.js:217:1420
    at Array.forEach (<anonymous>)
    at file:///nix/store/i3nn4xjcivzhxqpnw0avacn9prgs50hq-code-oss/out/vs/server/node/server.main.js:217:1383
    at ModuleJob.run (node:internal/modules/esm/module_job:263:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:540:24) {
  errno: -17,
  code: 'EEXIST',
  syscall: 'mkdir',
  path: '/home/user/.codeoss-cloudworkstations'
}
<IDX> Starting preview...
Waiting for your web server to start serving

> myapp@0.0.0 start
> ng serve --port 9002 --host 0.0.0.0 --disable-host-check

Error: Node.js version v20.18.1 detected.
The Angular CLI requires a minimum of v20.19.

Please update your Node.js version or visit https://nodejs.org/ for additional instructions.

<IDX> ✘ Preview failed to start

After that I asked for downgrade from Angular v20 to v19 and this was the output:

There is no official release of Angular version 19. The latest major version is 17. Are you sure you want to downgrade to version 19, or is there another version you had in mind?
4

Hey! Sorry, that is a known issue and we’re working on fixing it. Apologies in the meantime!

5

No problem, good to know it’s a known issue.

Thanks.

6

Hey @villanuevand - this should be fixed now! :slight_smile:

1 Like
7

Great I’ll take a look!
Thanks!

8

@JessK Everything works perfect!
I’m able to install run the Angular template with version 20.0.0

great work!

3 Likes