Issue using ig new with Angular Versions

355

Walter Zielenski posted 5 days ago

I am trying to create a new application using ig new.

I have uninstalled and re-installed both Angular and igniteui several times in an attempt to match versions.

I consistently get the following error:

This version of CLI is only compatible with Angular versions ^19.0.0,
but Angular version 18.2.13 was found instead.

Below is a copy & paste of my experience.

What do I need to do to get ig new to work?

Thanks in advance,

Walter

C:\Projects>npm i igniteui-angular@18.2.8

added 38 packages in 6s

6 packages are looking for funding
run `npm fund` for details

C:\Projects>ig new

? Enter a name for your project: CUSA-2
? Choose framework: Angular
? Choose the type of project: Ignite UI for Angular
Psst! Did you know you can also use our schematics package with Angular CLI to create and modify your projects?
Read more at: www.infragistics.com/.../cli-overview
? Choose project template: Side navigation + login
? Choose the theme for the project: Default
Generating project structure.
√ Project structure generated.
√ Git Initialized and Project 'CUSA-2' Committed

? Choose an action: Complete & Run
The project will be created using a Trial version of Ignite UI for Angular.
You can always run the upgrade-packages command once it's created.
? Would you like to upgrade to the licensed feed now? Yes
? Choose app host port: 4200
Build started.
Installing npm packages
Packages installed successfully
Starting project.

> cusa-2@0.0.0 start
> ng serve -o --port=4200

This version of CLI is only compatible with Angular versions ^19.0.0,
but Angular version 18.2.13 was found instead.
Please visit the link below to find instructions on how to update Angular.
https://update.angular.dev/
The new command threw error - Error
Message: Command failed: npm start -- --port=4200
Stack: Error: Command failed: npm start -- --port=4200
at checkExecSyncError (node:child_process:890:11)
at execSync (node:child_process:962:15)
at Util.execSync (C:\Users\wjz\AppData\Roaming\npm\node_modules\igniteui-cli\node_modules\@igniteui\cli-core\util\Util.js:318:49)
at execSyncNpmStart (C:\Users\wjz\AppData\Roaming\npm\node_modules\igniteui-cli\lib\commands\start.js:44:25)
at Object.<anonymous> (C:\Users\wjz\AppData\Roaming\npm\node_modules\igniteui-cli\lib\commands\start.js:125:21)
at Generator.next (<anonymous>)
at fulfilled (C:\Users\wjz\AppData\Roaming\npm\node_modules\igniteui-cli\lib\commands\start.js:28:58)

C:\Projects>ng version

_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/

Angular CLI: 18.2.12
Node: 20.11.1
Package Manager: npm 10.2.4
OS: win32 x64

Angular: undefined
...

Package Version
------------------------------------------------------
@angular-devkit/architect 0.1802.12 (cli-only)
@angular-devkit/core 18.2.12 (cli-only)
@angular-devkit/schematics 18.2.12 (cli-only)
@schematics/angular 18.2.12 (cli-only)

C:\Projects>ig -v
_____ _ _ _ _ _____ _____ _ _____
|_ _| (_) | | | | |_ _| / ____| | |_ _|
| | __ _ _ __ _| |_ ___ | | | | | | | | | | | |
| | / _` | '_ \| | __/ _ \ | | | | | | | | | | | |
_| || (_| | | | | | || __/ | |__| |_| |_ | |____| |____ _| |_
|_____\__, |_| |_|_|\__\___| \____/|_____| \_____|______|_____|
__/ |
|___/

Ignite UI CLI version: 14.3.6
OS: Windows

Parents

500

Offline Georgi Anastasov posted 5 days ago
Hello,

Thank you for providing all the details about the issue you are facing. The error occurs because the version of igniteui-cli you are using (14.3.6) requires Angular version 19. However, your current Angular version is 18.2.13.

To resolve this issue, you have two possible approaches:

Approach 1: Update Angular and Ignite UI Angular to Version 19

If you want to use the latest igniteui-cli version (14.3.6), you need to update your Angular project to version 19, as well as install the compatible version of Ignite UI for Angular.

Update Angular CLI globally to version 19:

npm uninstall -g @angular/cli npm install -g @angular/cli@19

Update your project to Angular 19:Go to your project directory and run:

ng update @angular/cli@19 @angular/core@19

Install the compatible Ignite UI for Angular version:

npm uninstall igniteui-angular npm install igniteui-angular@latest

Verify the installed versions:

ng version npm list igniteui-angular

Now, you should have Angular and Ignite UI Angular at version 19.

Approach 2: Revert IgniteUI CLI to Version 14.2.3

If you prefer to stick with Angular version 18.2.13, you can downgrade igniteui-cli to version 14.2.3, the last version of 14.2 month ago, which is compatible with Angular 18.

Uninstall the current IgniteUI CLI:

npm uninstall -g igniteui-cli

Install IgniteUI CLI version 14.2.3:

npm install -g igniteui-cli@14.2.3

Verify the installed version:

ig -v

You should now see version 14.2.3.

Generate a new project:

ig new

Reference

For more details about the igniteui-cli releases and compatibility, you can refer to the official release notes here:
Ignite UI CLI Releases on GitHub

Let me know which approach works best for you, or if you need further assistance.

Regards,

Georgi Anastasov

Associate Software Developer

Infragistics
Cancel
Reply

Cancel

Reply

355

Offline Walter Zielenski posted 4 days ago in reply to Georgi Anastasov
Georgi,

Thanks for your prompt reply.

I went with the Angular 19 approach.

I removed Angular 18 using the following commands

npm uninstall -g angular-cli npm uninstall -g angular/cli npm cache clean --force npm cache verify

but if I then tried ng version, I still saw Angular 18 instead of "command not found".

I use nvm to manage multiple versions of node, and I switched to node v18.18.2.
And then when I uninstalled Angular, I believe it worked because
I got "command not found" when I tried to execute ng version.

I then installed Angular 19 using your instructions

I re-executed ig new to recreate the project.
But it gave me errors similar to what I reported below,
which you said that you were able to reproduce.

I then upgraded the project to angular 19, and that appears to work without issue.

I then tried to uninstall ignite and re-install it, but I got loads of errors (see below).
So I did the uninstall and re-install of ignite using --force,
and those errors were reported as a warning.

I then did an ng serve, but I still get the errors that you reproduced.
So I will watch the github logs

C:\Projects>ig new

? Enter a name for your project: CUSA-3
? Choose framework: Angular
? Choose the type of project: Ignite UI for Angular
Psst! Did you know you can also use our schematics package with Angular CLI to create and modify your projects?
Read more at: www.infragistics.com/.../cli-overview
? Choose project template: Side navigation + login
? Choose the theme for the project: Default
Generating project structure.
√ Project structure generated.
√ Git Initialized and Project 'CUSA-3' Committed

? Choose an action: Complete & Run
The project will be created using a Trial version of Ignite UI for Angular.
You can always run the upgrade-packages command once it's created.
? Would you like to upgrade to the licensed feed now? Yes
? Choose app host port: 4200
Build started.
Installing npm packages
Packages installed successfully
Starting project.

> cusa-3@0.0.0 start
> ng serve -o --port=4200

This version of CLI is only compatible with Angular versions ^19.0.0,
but Angular version 18.2.13 was found instead.
Please visit the link below to find instructions on how to update Angular.
https://update.angular.dev/
The new command threw error - Error
Message: Command failed: npm start -- --port=4200
Stack: Error: Command failed: npm start -- --port=4200
at checkExecSyncError (node:child_process:890:11)
at execSync (node:child_process:962:15)
at Util.execSync (C:\Users\wjz\AppData\Roaming\npm\node_modules\igniteui-cli\node_modules\@igniteui\cli-core\util\Util.js:318:49)
at execSyncNpmStart (C:\Users\wjz\AppData\Roaming\npm\node_modules\igniteui-cli\lib\commands\start.js:44:25)
at Object.<anonymous> (C:\Users\wjz\AppData\Roaming\npm\node_modules\igniteui-cli\lib\commands\start.js:125:21)
at Generator.next (<anonymous>)
at fulfilled (C:\Users\wjz\AppData\Roaming\npm\node_modules\igniteui-cli\lib\commands\start.js:28:58)

C:\Projects>CD CUSA-3

C:\Projects\CUSA-3>ng update @angular/cli@19 @angular/core
Error: Repository is not clean. Please commit or stash any changes before updating.

C:\Projects\CUSA-3>git add .
warning: in the working copy of '.github/workflows/github-pages.yml', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of '.github/workflows/node.js.yml', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'angular.json', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'ignite-ui-cli.json', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'package.json', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/app.component.spec.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/app.component.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/app.config.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/app.module.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/authentication.module.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/login-bar/login-bar.component.spec.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/login-bar/login-bar.component.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/login-dialog/login-dialog.component.spec.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/login-dialog/login-dialog.component.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/login/login.component.spec.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/login/login.component.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/register/register.component.spec.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'src/app/authentication/register/register.component.ts', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of '.npmrc', LF will be replaced by CRLF the next time Git touches it
warning: in the working copy of 'package-lock.json', LF will be replaced by CRLF the next time Git touches it

C:\Projects\CUSA-3>git commit -m "1st"
[master eed4f26] 1st
20 files changed, 15813 insertions(+), 32 deletions(-)
create mode 100644 .npmrc
create mode 100644 package-lock.json

C:\Projects\CUSA-3>ng update @angular/cli@19 @angular/core
Using package manager: npm
Collecting installed dependencies...
Found 39 dependencies.
Fetching dependency metadata from registry...
Package '@angular/cli' is already up to date.
Updating package.json with dependency @angular/animations @ "19.0.4" (was "18.2.13")...
Updating package.json with dependency @angular/common @ "19.0.4" (was "18.2.13")...
Updating package.json with dependency @angular/compiler @ "19.0.4" (was "18.2.13")...
Updating package.json with dependency @angular/core @ "19.0.4" (was "18.2.13")...
Updating package.json with dependency @angular/forms @ "19.0.4" (was "18.2.13")...
Updating package.json with dependency @angular/platform-browser @ "19.0.4" (was "18.2.13")...
Updating package.json with dependency @angular/platform-browser-dynamic @ "19.0.4" (was "18.2.13")...
Updating package.json with dependency @angular/router @ "19.0.4" (was "18.2.13")...
Updating package.json with dependency zone.js @ "0.15.0" (was "0.14.10")...
UPDATE package.json (1754 bytes)
√ Cleaning node modules directory
√ Installing packages
** Executing migrations of package '@angular/core' **

> Updates non-standalone Directives, Component and Pipes to 'standalone:false' and removes 'standalone:true' from those who are standalone.
UPDATE src/app/authentication/register/register.component.ts (1870 bytes)
UPDATE src/app/authentication/login/login.component.ts (2454 bytes)
UPDATE src/app/authentication/login-dialog/login-dialog.component.ts (944 bytes)
UPDATE src/app/authentication/login-bar/login-bar.component.ts (1737 bytes)
UPDATE src/app/app.component.ts (2012 bytes)
UPDATE src/app/authentication/login-bar/login-bar.component.spec.ts (4611 bytes)
UPDATE src/app/authentication/login-dialog/login-dialog.component.spec.ts (2965 bytes)
Migration completed (7 files modified).

> Updates ExperimentalPendingTasks to PendingTasks.
Migration completed (No changes made).

** Optional migrations of package '@angular/core' **

This package has 1 optional migration that can be executed.
Optional migrations may be skipped and executed after the update process, if preferred.

Select the migrations that you'd like to run

C:\Projects\CUSA-3>npm uninstall igniteui-angular
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @angular-eslint/builder@19.0.2
npm ERR! Found: eslint@8.52.0
npm ERR! node_modules/eslint
npm ERR! peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm ERR! node_modules/@eslint-community/eslint-utils
npm ERR! @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm ERR! node_modules/@typescript-eslint/utils
npm ERR! @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1
npm ERR! node_modules/@typescript-eslint/eslint-plugin
npm ERR! dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm ERR! 1 more (@typescript-eslint/type-utils)
npm ERR! @eslint-community/eslint-utils@"^4.2.0" from eslint@8.52.0
npm ERR! peer eslint@"^7.0.0 || ^8.0.0" from @typescript-eslint/eslint-plugin@6.9.1
npm ERR! node_modules/@typescript-eslint/eslint-plugin
npm ERR! dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm ERR! 4 more (@typescript-eslint/parser, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2
npm ERR! node_modules/@angular-eslint/builder
npm ERR! dev @angular-eslint/builder@"~19.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint@9.17.0
npm ERR! node_modules/eslint
npm ERR! peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2
npm ERR! node_modules/@angular-eslint/builder
npm ERR! dev @angular-eslint/builder@"~19.0.0" 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.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\wjz\AppData\Local\npm-cache\_logs\2024-12-18T00_05_07_691Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: C:\Users\wjz\AppData\Local\npm-cache\_logs\2024-12-18T00_05_07_691Z-debug-0.log

C:\Projects\CUSA-3>npm uninstall igniteui-angular --force
npm WARN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/builder@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2
npm WARN node_modules/@angular-eslint/builder
npm WARN dev @angular-eslint/builder@"~19.0.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2
npm WARN node_modules/@angular-eslint/builder
npm WARN dev @angular-eslint/builder@"~19.0.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/eslint-plugin@19.0.2
npm WARN Found: @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1
npm WARN node_modules/@typescript-eslint/eslint-plugin
npm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm WARN 1 more (@typescript-eslint/type-utils)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN
npm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/eslint-plugin@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/eslint-plugin-template@19.0.2
npm WARN Found: @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1
npm WARN node_modules/@typescript-eslint/eslint-plugin
npm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm WARN 1 more (@typescript-eslint/type-utils)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin-template@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin-template
npm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN
npm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin-template@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin-template
npm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/eslint-plugin-template@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin-template@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin-template
npm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin-template@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin-template
npm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/template-parser@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/template-parser@19.0.2
npm WARN node_modules/@angular-eslint/template-parser
npm WARN dev @angular-eslint/template-parser@"~19.0.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/template-parser@19.0.2
npm WARN node_modules/@angular-eslint/template-parser
npm WARN dev @angular-eslint/template-parser@"~19.0.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/utils@19.0.2
npm WARN Found: @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1
npm WARN node_modules/@typescript-eslint/eslint-plugin
npm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm WARN 1 more (@typescript-eslint/type-utils)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/utils@19.0.2
npm WARN node_modules/@angular-eslint/utils
npm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN 1 more (@angular-eslint/eslint-plugin-template)
npm WARN
npm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/utils@19.0.2
npm WARN node_modules/@angular-eslint/utils
npm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN 1 more (@angular-eslint/eslint-plugin-template)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/utils@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/utils@19.0.2
npm WARN node_modules/@angular-eslint/utils
npm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN 1 more (@angular-eslint/eslint-plugin-template)
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/utils@19.0.2
npm WARN node_modules/@angular-eslint/utils
npm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN 1 more (@angular-eslint/eslint-plugin-template)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @infragistics/igniteui-angular@18.2.8
npm WARN Found: @angular/animations@19.0.4
npm WARN node_modules/@angular/animations
npm WARN peerOptional @angular/animations@"19.0.4" from @angular/platform-browser@19.0.4
npm WARN node_modules/@angular/platform-browser
npm WARN peer @angular/platform-browser@"19.0.4" from @angular/forms@19.0.4
npm WARN node_modules/@angular/forms
npm WARN 3 more (@angular/platform-browser-dynamic, @angular/router, the root project)
npm WARN 1 more (the root project)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/animations@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/animations@18.2.13
npm WARN node_modules/@angular/animations
npm WARN peer @angular/animations@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @infragistics/igniteui-angular@18.2.8
npm WARN Found: @angular/common@19.0.4
npm WARN node_modules/@angular/common
npm WARN peer @angular/common@"19.0.4" from @angular/forms@19.0.4
npm WARN node_modules/@angular/forms
npm WARN @angular/forms@"~19.0.4" from the root project
npm WARN 5 more (@angular/platform-browser, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/common@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/common@18.2.13
npm WARN node_modules/@angular/common
npm WARN peer @angular/common@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @infragistics/igniteui-angular@18.2.8
npm WARN Found: @angular/core@19.0.4
npm WARN node_modules/@angular/core
npm WARN peer @angular/core@"19.0.4" from @angular/animations@19.0.4
npm WARN node_modules/@angular/animations
npm WARN peerOptional @angular/animations@"19.0.4" from @angular/platform-browser@19.0.4
npm WARN node_modules/@angular/platform-browser
npm WARN 1 more (the root project)
npm WARN 8 more (@angular/common, @angular/compiler, @angular/forms, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/core@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/core@18.2.13
npm WARN node_modules/@angular/core
npm WARN peer @angular/core@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @infragistics/igniteui-angular@18.2.8
npm WARN Found: @angular/forms@19.0.4
npm WARN node_modules/@angular/forms
npm WARN @angular/forms@"~19.0.4" from the root project
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/forms@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/forms@18.2.13
npm WARN node_modules/@angular/forms
npm WARN peer @angular/forms@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project

up to date, audited 1105 packages in 2s

188 packages are looking for funding
run `npm fund` for details

found 0 vulnerabilities

C:\Projects\CUSA-3>npm install igniteui-angular@latest
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @angular-eslint/builder@19.0.2
npm ERR! Found: eslint@8.52.0
npm ERR! node_modules/eslint
npm ERR! peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm ERR! node_modules/@eslint-community/eslint-utils
npm ERR! @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm ERR! node_modules/@typescript-eslint/utils
npm ERR! @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1
npm ERR! node_modules/@typescript-eslint/eslint-plugin
npm ERR! dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm ERR! 1 more (@typescript-eslint/type-utils)
npm ERR! @eslint-community/eslint-utils@"^4.2.0" from eslint@8.52.0
npm ERR! peer eslint@"^7.0.0 || ^8.0.0" from @typescript-eslint/eslint-plugin@6.9.1
npm ERR! node_modules/@typescript-eslint/eslint-plugin
npm ERR! dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm ERR! 4 more (@typescript-eslint/parser, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2
npm ERR! node_modules/@angular-eslint/builder
npm ERR! dev @angular-eslint/builder@"~19.0.0" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: eslint@9.17.0
npm ERR! node_modules/eslint
npm ERR! peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2
npm ERR! node_modules/@angular-eslint/builder
npm ERR! dev @angular-eslint/builder@"~19.0.0" 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.
npm ERR!
npm ERR!
npm ERR! For a full report see:
npm ERR! C:\Users\wjz\AppData\Local\npm-cache\_logs\2024-12-18T00_05_51_458Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: C:\Users\wjz\AppData\Local\npm-cache\_logs\2024-12-18T00_05_51_458Z-debug-0.log

C:\Projects\CUSA-3>npm install igniteui-angular@latest --force
npm WARN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/builder@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2
npm WARN node_modules/@angular-eslint/builder
npm WARN dev @angular-eslint/builder@"~19.0.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2
npm WARN node_modules/@angular-eslint/builder
npm WARN dev @angular-eslint/builder@"~19.0.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/eslint-plugin@19.0.2
npm WARN Found: @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1
npm WARN node_modules/@typescript-eslint/eslint-plugin
npm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm WARN 1 more (@typescript-eslint/type-utils)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN
npm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/eslint-plugin@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/eslint-plugin-template@19.0.2
npm WARN Found: @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1
npm WARN node_modules/@typescript-eslint/eslint-plugin
npm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm WARN 1 more (@typescript-eslint/type-utils)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin-template@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin-template
npm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN
npm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin-template@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin-template
npm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/eslint-plugin-template@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin-template@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin-template
npm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin-template@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin-template
npm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2
npm WARN node_modules/@angular-eslint/schematics
npm WARN 1 more (the root project)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/template-parser@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/template-parser@19.0.2
npm WARN node_modules/@angular-eslint/template-parser
npm WARN dev @angular-eslint/template-parser@"~19.0.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/template-parser@19.0.2
npm WARN node_modules/@angular-eslint/template-parser
npm WARN dev @angular-eslint/template-parser@"~19.0.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/utils@19.0.2
npm WARN Found: @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1
npm WARN node_modules/@typescript-eslint/eslint-plugin
npm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root project
npm WARN 1 more (@typescript-eslint/type-utils)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/utils@19.0.2
npm WARN node_modules/@angular-eslint/utils
npm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN 1 more (@angular-eslint/eslint-plugin-template)
npm WARN
npm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/utils@19.0.2
npm WARN node_modules/@angular-eslint/utils
npm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN 1 more (@angular-eslint/eslint-plugin-template)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular-eslint/utils@19.0.2
npm WARN Found: eslint@8.52.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1
npm WARN node_modules/@eslint-community/eslint-utils
npm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1
npm WARN node_modules/@typescript-eslint/utils
npm WARN 1 more (eslint)
npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/utils@19.0.2
npm WARN node_modules/@angular-eslint/utils
npm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN 1 more (@angular-eslint/eslint-plugin-template)
npm WARN
npm WARN Conflicting peer dependency: eslint@9.17.0
npm WARN node_modules/eslint
npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/utils@19.0.2
npm WARN node_modules/@angular-eslint/utils
npm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2
npm WARN node_modules/@angular-eslint/eslint-plugin
npm WARN 1 more (@angular-eslint/eslint-plugin-template)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @infragistics/igniteui-angular@18.2.8
npm WARN Found: @angular/animations@19.0.4
npm WARN node_modules/@angular/animations
npm WARN peerOptional @angular/animations@"19.0.4" from @angular/platform-browser@19.0.4
npm WARN node_modules/@angular/platform-browser
npm WARN peer @angular/platform-browser@"19.0.4" from @angular/forms@19.0.4
npm WARN node_modules/@angular/forms
npm WARN 3 more (@angular/platform-browser-dynamic, @angular/router, the root project)
npm WARN 2 more (the root project, igniteui-angular)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/animations@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/animations@18.2.13
npm WARN node_modules/@angular/animations
npm WARN peer @angular/animations@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @infragistics/igniteui-angular@18.2.8
npm WARN Found: @angular/common@19.0.4
npm WARN node_modules/@angular/common
npm WARN peer @angular/common@"19.0.4" from @angular/forms@19.0.4
npm WARN node_modules/@angular/forms
npm WARN @angular/forms@"~19.0.4" from the root project
npm WARN 1 more (igniteui-angular)
npm WARN 6 more (@angular/platform-browser, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/common@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/common@18.2.13
npm WARN node_modules/@angular/common
npm WARN peer @angular/common@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @infragistics/igniteui-angular@18.2.8
npm WARN Found: @angular/core@19.0.4
npm WARN node_modules/@angular/core
npm WARN peer @angular/core@"19.0.4" from @angular/animations@19.0.4
npm WARN node_modules/@angular/animations
npm WARN peerOptional @angular/animations@"19.0.4" from @angular/platform-browser@19.0.4
npm WARN node_modules/@angular/platform-browser
npm WARN 2 more (the root project, igniteui-angular)
npm WARN 9 more (@angular/common, @angular/compiler, @angular/forms, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/core@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/core@18.2.13
npm WARN node_modules/@angular/core
npm WARN peer @angular/core@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @infragistics/igniteui-angular@18.2.8
npm WARN Found: @angular/forms@19.0.4
npm WARN node_modules/@angular/forms
npm WARN @angular/forms@"~19.0.4" from the root project
npm WARN 1 more (igniteui-angular)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer @angular/forms@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
npm WARN
npm WARN Conflicting peer dependency: @angular/forms@18.2.13
npm WARN node_modules/@angular/forms
npm WARN peer @angular/forms@"18" from @infragistics/igniteui-angular@18.2.8
npm WARN node_modules/@infragistics/igniteui-angular
npm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project

added 8 packages, and audited 1113 packages in 3s

188 packages are looking for funding
run `npm fund` for details

found 0 vulnerabilities

C:\Projects\CUSA-3>ng version

_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/

Angular CLI: 19.0.5
Node: 20.11.1
Package Manager: npm 10.2.4
OS: win32 x64

Angular: 19.0.4
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1900.5
@angular-devkit/build-angular 19.0.5
@angular-devkit/core 19.0.5
@angular-devkit/schematics 19.0.5
@angular/cli 19.0.5
@schematics/angular 19.0.5
rxjs 7.8.1
typescript 5.5.4
zone.js 0.15.0

C:\Projects\CUSA-3>npm list igniteui-angular
cusa-3@0.0.0 C:\Projects\CUSA-3
`-- igniteui-angular@19.0.3

C:\Projects\CUSA-3>ng serve -o --port=4200
Application bundle generation failed. [2.751 seconds]

X [ERROR] TS6053: File 'C:/Projects/CUSA-3/src/polyfills.ngtypecheck.ts' not found.
The file is in the program because:
Root file specified for compilation [plugin angular-compiler]

X [ERROR] TS6053: File 'C:/Projects/CUSA-3/src/polyfills.ts' not found.
The file is in the program because:
Root file specified for compilation [plugin angular-compiler]

X [ERROR] TS4111: Property 'text' comes from an index signature, so it must be accessed with ['text']. [plugin angular-compiler]

src/app/app.component.ts:51:27:
51 │ name: route.data.text,
╵ ~~~~

X [ERROR] TS2305: Module '"angular-auth-oidc-client"' has no exported member 'OidcConfigService'. [plugin angular-compiler]

src/app/authentication/authentication.module.ts:5:21:
5 │ import { AuthModule, OidcConfigService } from 'angular-auth-oidc-cl...
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS2554: Expected 1 arguments, but got 0. [plugin angular-compiler]

src/app/authentication/authentication.module.ts:32:15:
32 │ AuthModule.forRoot(),
╵ ~~~~~~~

An argument for 'passedConfig' was not provided.

node_modules/angular-auth-oidc-client/lib/auth.module.d.ts:14:19:
14 │ ...static forRoot(passedConfig: PassedInitialConfig): ModuleWithPr...
╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

X [ERROR] TS-996008: Component LoginBarComponent is standalone, and cannot be declared in an NgModule. Did you mean to import it instead? [plugin angular-compiler]

src/app/authentication/authentication.module.ts:44:4:
44 │ LoginBarComponent,
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS-996008: Component LoginComponent is standalone, and cannot be declared in an NgModule. Did you mean to import it instead? [plugin angular-compiler]

src/app/authentication/authentication.module.ts:45:4:
45 │ LoginComponent,
╵ ~~~~~~~~~~~~~~

X [ERROR] TS-996008: Component LoginDialogComponent is standalone, and cannot be declared in an NgModule. Did you mean to import it instead? [plugin angular-compiler]

src/app/authentication/authentication.module.ts:46:4:
46 │ LoginDialogComponent,
╵ ~~~~~~~~~~~~~~~~~~~~

X [ERROR] TS-996008: Component ProfileComponent is standalone, and cannot be declared in an NgModule. Did you mean to import it instead? [plugin angular-compiler]

src/app/authentication/authentication.module.ts:47:4:
47 │ ProfileComponent,
╵ ~~~~~~~~~~~~~~~~

X [ERROR] TS-996008: Component RedirectComponent is standalone, and cannot be declared in an NgModule. Did you mean to import it instead? [plugin angular-compiler]

src/app/authentication/authentication.module.ts:48:4:
48 │ RedirectComponent,
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS-996008: Component RegisterComponent is standalone, and cannot be declared in an NgModule. Did you mean to import it instead? [plugin angular-compiler]

src/app/authentication/authentication.module.ts:49:4:
49 │ RegisterComponent
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS-996004: Can't be exported from this NgModule, as it must be imported first [plugin angular-compiler]

src/app/authentication/authentication.module.ts:59:4:
59 │ LoginBarComponent,
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS-996004: Can't be exported from this NgModule, as it must be imported first [plugin angular-compiler]

src/app/authentication/authentication.module.ts:60:4:
60 │ LoginComponent,
╵ ~~~~~~~~~~~~~~

X [ERROR] TS-996004: Can't be exported from this NgModule, as it must be imported first [plugin angular-compiler]

src/app/authentication/authentication.module.ts:61:4:
61 │ RedirectComponent,
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS-996004: Can't be exported from this NgModule, as it must be imported first [plugin angular-compiler]

src/app/authentication/authentication.module.ts:62:4:
62 │ RegisterComponent,
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS-996004: Can't be exported from this NgModule, as it must be imported first [plugin angular-compiler]

src/app/authentication/authentication.module.ts:63:4:
63 │ LoginDialogComponent,
╵ ~~~~~~~~~~~~~~~~~~~~

X [ERROR] TS-996004: Can't be exported from this NgModule, as it must be imported first [plugin angular-compiler]

src/app/authentication/authentication.module.ts:64:4:
64 │ ProfileComponent
╵ ~~~~~~~~~~~~~~~~

X [ERROR] TS2305: Module '"angular-auth-oidc-client"' has no exported member 'OidcConfigService'. [plugin angular-compiler]

src/app/authentication/providers/base-oidc-provider.ts:3:2:
3 │ OidcConfigService,
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS2305: Module '"angular-auth-oidc-client"' has no exported member 'OpenIDImplicitFlowConfiguration'. [plugin angular-compiler]

src/app/authentication/providers/base-oidc-provider.ts:5:2:
5 │ OpenIDImplicitFlowConfiguration
╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

X [ERROR] TS2693: 'AuthWellKnownEndpoints' only refers to a type, but is being used as a value here. [plugin angular-compiler]

src/app/authentication/providers/base-oidc-provider.ts:32:39:
32 │ const authWellKnownEndpoints = new AuthWellKnownEndpoints();
╵ ~~~~~~~~~~~~~~~~~~~~~~

X [ERROR] TS2339: Property 'setupModule' does not exist on type 'OidcSecurityService'. [plugin angular-compiler]

src/app/authentication/providers/base-oidc-provider.ts:34:29:
34 │ this.oidcSecurityService.setupModule(openIDImplicitFlowConfigu...
╵ ~~~~~~~~~~~

X [ERROR] TS2339: Property 'onAuthorizationResult' does not exist on type 'OidcSecurityService'. [plugin angular-compiler]

src/app/authentication/providers/base-oidc-provider.ts:54:31:
54 │ ... this.oidcSecurityService.onAuthorizationResult.subscribe(() => {
╵ ~~~~~~~~~~~~~~~~~~~~~

X [ERROR] TS2339: Property 'authorizedImplicitFlowCallback' does not exist on type 'OidcSecurityService'. [plugin angular-compiler]

src/app/authentication/providers/base-oidc-provider.ts:59:31:
59 │ this.oidcSecurityService.authorizedImplicitFlowCallback();
╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

X [ERROR] TS4111: Property 'id' comes from an index signature, so it must be accessed with ['id']. [plugin angular-compiler]

src/app/authentication/providers/facebook-provider.ts:30:30:
30 │ id: newResponse.id,
╵ ~~

X [ERROR] TS4111: Property 'name' comes from an index signature, so it must be accessed with ['name']. [plugin angular-compiler]

src/app/authentication/providers/facebook-provider.ts:31:32:
31 │ name: newResponse.name,
╵ ~~~~

X [ERROR] TS4111: Property 'first_name' comes from an index signature, so it must be accessed with ['first_name']. [plugin angular-compiler]

src/app/authentication/providers/facebook-provider.ts:32:38:
32 │ given_name: newResponse.first_name,
╵ ~~~~~~~~~~

X [ERROR] TS4111: Property 'last_name' comes from an index signature, so it must be accessed with ['last_name']. [plugin angular-compiler]

src/app/authentication/providers/facebook-provider.ts:33:39:
33 │ family_name: newResponse.last_name,
╵ ~~~~~~~~~

X [ERROR] TS4111: Property 'email' comes from an index signature, so it must be accessed with ['email']. [plugin angular-compiler]

src/app/authentication/providers/facebook-provider.ts:34:33:
34 │ email: newResponse.email,
╵ ~~~~~

X [ERROR] TS4111: Property 'picture' comes from an index signature, so it must be accessed with ['picture']. [plugin angular-compiler]

src/app/authentication/providers/facebook-provider.ts:35:35:
35 │ picture: newResponse.picture,
╵ ~~~~~~~

X [ERROR] TS2322: Type 'string | undefined' is not assignable to type 'string'.
Type 'undefined' is not assignable to type 'string'. [plugin angular-compiler]

src/app/authentication/providers/facebook-provider.ts:36:14:
36 │ externalToken: FB.getAuthResponse()[accessToken]
╵ ~~~~~~~~~~~~~

X [ERROR] TS2531: Object is possibly 'null'. [plugin angular-compiler]

src/app/authentication/providers/facebook-provider.ts:36:29:
36 │ externalToken: FB.getAuthResponse()[accessToken]
╵ ~~~~~~~~~~~~~~~~~~~~

X [ERROR] TS4111: Property 'sub' comes from an index signature, so it must be accessed with ['sub']. [plugin angular-compiler]

src/app/authentication/providers/google-provider.ts:12:19:
12 │ id: userData.sub,
╵ ~~~

X [ERROR] TS4111: Property 'name' comes from an index signature, so it must be accessed with ['name']. [plugin angular-compiler]

src/app/authentication/providers/google-provider.ts:13:21:
13 │ name: userData.name,
╵ ~~~~

X [ERROR] TS4111: Property 'email' comes from an index signature, so it must be accessed with ['email']. [plugin angular-compiler]

src/app/authentication/providers/google-provider.ts:14:22:
14 │ email: userData.email,
╵ ~~~~~

X [ERROR] TS4111: Property 'given_name' comes from an index signature, so it must be accessed with ['given_name']. [plugin angular-compiler]

src/app/authentication/providers/google-provider.ts:15:27:
15 │ given_name: userData.given_name,
╵ ~~~~~~~~~~

X [ERROR] TS4111: Property 'family_name' comes from an index signature, so it must be accessed with ['family_name']. [plugin angular-compiler]

src/app/authentication/providers/google-provider.ts:16:28:
16 │ family_name: userData.family_name,
╵ ~~~~~~~~~~~

X [ERROR] TS4111: Property 'picture' comes from an index signature, so it must be accessed with ['picture']. [plugin angular-compiler]

src/app/authentication/providers/google-provider.ts:17:24:
17 │ picture: userData.picture,
╵ ~~~~~~~

X [ERROR] TS2551: Property 'getToken' does not exist on type 'OidcSecurityService'. Did you mean 'getIdToken'? [plugin angular-compiler]

src/app/authentication/providers/google-provider.ts:18:46:
18 │ externalToken: this.oidcSecurityService.getToken()
╵ ~~~~~~~~

'getIdToken' is declared here.

node_modules/angular-auth-oidc-client/lib/oidc.security.service.d.ts:132:4:
132 │ getIdToken(configId?: string): Observable<string>;
╵ ~~~~~~~~~~

X [ERROR] TS4114: This member must have an 'override' modifier because it overrides a member in the base class 'BaseOidcProvider'. [plugin angular-compiler]

src/app/authentication/providers/microsoft-provider.ts:13:9:
13 │ public config() {
╵ ~~~~~~

X [ERROR] TS4111: Property 'oid' comes from an index signature, so it must be accessed with ['oid']. [plugin angular-compiler]

src/app/authentication/providers/microsoft-provider.ts:36:19:
36 │ id: userData.oid,
╵ ~~~

X [ERROR] TS4111: Property 'name' comes from an index signature, so it must be accessed with ['name']. [plugin angular-compiler]

src/app/authentication/providers/microsoft-provider.ts:37:21:
37 │ name: userData.name,
╵ ~~~~

X [ERROR] TS4111: Property 'email' comes from an index signature, so it must be accessed with ['email']. [plugin angular-compiler]

src/app/authentication/providers/microsoft-provider.ts:38:22:
38 │ email: userData.email,
╵ ~~~~~

X [ERROR] TS2551: Property 'getToken' does not exist on type 'OidcSecurityService'. Did you mean 'getIdToken'? [plugin angular-compiler]

src/app/authentication/providers/microsoft-provider.ts:39:46:
39 │ externalToken: this.oidcSecurityService.getToken()
╵ ~~~~~~~~

'getIdToken' is declared here.

node_modules/angular-auth-oidc-client/lib/oidc.security.service.d.ts:132:4:
132 │ getIdToken(configId?: string): Observable<string>;
╵ ~~~~~~~~~~

X [ERROR] TS2305: Module '"angular-auth-oidc-client"' has no exported member 'OidcConfigService'. [plugin angular-compiler]

src/app/authentication/services/external-auth.service.ts:4:9:
4 │ import { OidcConfigService, OidcSecurityService } from 'angular-aut...
╵ ~~~~~~~~~~~~~~~~~

X [ERROR] TS-992003: No suitable injection token for parameter 'oidcConfigService' of class 'ExternalAuthService'.
Consider using the @Inject decorator to specify an injection token. [plugin angular-compiler]

src/app/authentication/services/external-auth.service.ts:34:12:
34 │ private oidcConfigService: OidcConfigService,
╵ ~~~~~~~~~~~~~~~~~

This type does not have a value, so it cannot be used as injection token.

src/app/authentication/services/external-auth.service.ts:34:31:
34 │ private oidcConfigService: OidcConfigService,
╵ ~~~~~~~~~~~~~~~~~

Watch mode enabled. Watching for file changes...
Cancel
Reply

Cancel

Children

500

Offline Georgi Anastasov posted 4 days ago in reply to Walter Zielenski
Hello,

Thank you for your thorough follow-up and the effort you’ve put into troubleshooting the issue. I truly appreciate your diligence in working through the steps.

Regarding the situation, I recommend keeping an eye on the logged issues in our ignite-cli repository. Our development team is actively monitoring and addressing these reports, and you’ll be able to find updates and guidance directly from them on how this issue is being handled.

As for your current scenario, since the errors seem to occur specifically with the Side Navigation + Login template, there are a couple of potential workarounds you can consider:

Clear the errors manually in the new project after running it. This should allow the project to execute properly. While this requires some manual effort, it’s a viable solution to get the project up and running.

Opt for a different template, such as the Base Structure or Empty Project. These templates are less complex and should work without the errors you're experiencing, providing a smoother setup process.

Please feel free to reach out if you encounter additional challenges or have any questions. Your feedback and patience are invaluable to us, and we’re committed to resolving this issue as quickly as possible.

Thank you again for your understanding, and don’t hesitate to contact us if you need further assistance.

Regards,

Georgi Anastasov

Associate Software Developer

Infragistics
Cancel
Reply

Cancel