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 AngularPsst! 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 & RunThe 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: 4200Build started.Installing npm packagesPackages installed successfullyStarting 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 - ErrorMessage: Command failed: npm start -- --port=4200Stack: 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.12Node: 20.11.1Package Manager: npm 10.2.4OS: 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.6OS: Windows
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:
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
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 verifybut 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 instructionsI 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
npm uninstall -g angular-cli npm uninstall -g angular/cli npm cache clean --force npm cache verify
? Enter a name for your project: CUSA-3? Choose framework: Angular? Choose the type of project: Ignite UI for AngularPsst! 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
> cusa-3@0.0.0 start> ng serve -o --port=4200
C:\Projects>CD CUSA-3
C:\Projects\CUSA-3>ng update @angular/cli@19 @angular/coreError: 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 itwarning: in the working copy of '.github/workflows/node.js.yml', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'angular.json', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'ignite-ui-cli.json', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'package.json', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'src/app/app.component.spec.ts', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'src/app/app.component.ts', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'src/app/app.config.ts', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'src/app/app.module.ts', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'src/app/authentication/authentication.module.ts', LF will be replaced by CRLF the next time Git touches itwarning: 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 itwarning: 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 itwarning: 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 itwarning: 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 itwarning: in the working copy of 'src/app/authentication/login/login.component.spec.ts', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'src/app/authentication/login/login.component.ts', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'src/app/authentication/register/register.component.spec.ts', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of 'src/app/authentication/register/register.component.ts', LF will be replaced by CRLF the next time Git touches itwarning: in the working copy of '.npmrc', LF will be replaced by CRLF the next time Git touches itwarning: 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/coreUsing package manager: npmCollecting 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-angularnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @angular-eslint/builder@19.0.2npm ERR! Found: eslint@8.52.0npm ERR! node_modules/eslintnpm ERR! peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm ERR! node_modules/@eslint-community/eslint-utilsnpm ERR! @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm ERR! node_modules/@typescript-eslint/utilsnpm ERR! @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1npm ERR! node_modules/@typescript-eslint/eslint-pluginnpm ERR! dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm ERR! 1 more (@typescript-eslint/type-utils)npm ERR! @eslint-community/eslint-utils@"^4.2.0" from eslint@8.52.0npm ERR! peer eslint@"^7.0.0 || ^8.0.0" from @typescript-eslint/eslint-plugin@6.9.1npm ERR! node_modules/@typescript-eslint/eslint-pluginnpm ERR! dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm 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.2npm ERR! node_modules/@angular-eslint/buildernpm ERR! dev @angular-eslint/builder@"~19.0.0" from the root projectnpm ERR!npm ERR! Conflicting peer dependency: eslint@9.17.0npm ERR! node_modules/eslintnpm ERR! peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2npm ERR! node_modules/@angular-eslint/buildernpm ERR! dev @angular-eslint/builder@"~19.0.0" from the root projectnpm ERR!npm ERR! Fix the upstream dependency conflict, or retrynpm ERR! this command with --force or --legacy-peer-depsnpm 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 --forcenpm WARN using --force Recommended protections disabled.npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/builder@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2npm WARN node_modules/@angular-eslint/buildernpm WARN dev @angular-eslint/builder@"~19.0.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2npm WARN node_modules/@angular-eslint/buildernpm WARN dev @angular-eslint/builder@"~19.0.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/eslint-plugin@19.0.2npm WARN Found: @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1npm WARN node_modules/@typescript-eslint/eslint-pluginnpm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm WARN 1 more (@typescript-eslint/type-utils)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARNnpm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/eslint-plugin@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/eslint-plugin-template@19.0.2npm WARN Found: @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1npm WARN node_modules/@typescript-eslint/eslint-pluginnpm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm WARN 1 more (@typescript-eslint/type-utils)npm WARNnpm 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.2npm WARN node_modules/@angular-eslint/eslint-plugin-templatenpm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARNnpm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin-template@19.0.2npm WARN node_modules/@angular-eslint/eslint-plugin-templatenpm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/eslint-plugin-template@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin-template@19.0.2npm WARN node_modules/@angular-eslint/eslint-plugin-templatenpm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin-template@19.0.2npm WARN node_modules/@angular-eslint/eslint-plugin-templatenpm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/template-parser@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/template-parser@19.0.2npm WARN node_modules/@angular-eslint/template-parsernpm WARN dev @angular-eslint/template-parser@"~19.0.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/template-parser@19.0.2npm WARN node_modules/@angular-eslint/template-parsernpm WARN dev @angular-eslint/template-parser@"~19.0.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/utils@19.0.2npm WARN Found: @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1npm WARN node_modules/@typescript-eslint/eslint-pluginnpm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm WARN 1 more (@typescript-eslint/type-utils)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/utils@19.0.2npm WARN node_modules/@angular-eslint/utilsnpm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN 1 more (@angular-eslint/eslint-plugin-template)npm WARNnpm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/utils@19.0.2npm WARN node_modules/@angular-eslint/utilsnpm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN 1 more (@angular-eslint/eslint-plugin-template)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/utils@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/utils@19.0.2npm WARN node_modules/@angular-eslint/utilsnpm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN 1 more (@angular-eslint/eslint-plugin-template)npm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/utils@19.0.2npm WARN node_modules/@angular-eslint/utilsnpm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN 1 more (@angular-eslint/eslint-plugin-template)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @infragistics/igniteui-angular@18.2.8npm WARN Found: @angular/animations@19.0.4npm WARN node_modules/@angular/animationsnpm WARN peerOptional @angular/animations@"19.0.4" from @angular/platform-browser@19.0.4npm WARN node_modules/@angular/platform-browsernpm WARN peer @angular/platform-browser@"19.0.4" from @angular/forms@19.0.4npm WARN node_modules/@angular/formsnpm WARN 3 more (@angular/platform-browser-dynamic, @angular/router, the root project)npm WARN 1 more (the root project)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @angular/animations@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: @angular/animations@18.2.13npm WARN node_modules/@angular/animationsnpm WARN peer @angular/animations@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @infragistics/igniteui-angular@18.2.8npm WARN Found: @angular/common@19.0.4npm WARN node_modules/@angular/commonnpm WARN peer @angular/common@"19.0.4" from @angular/forms@19.0.4npm WARN node_modules/@angular/formsnpm WARN @angular/forms@"~19.0.4" from the root projectnpm WARN 5 more (@angular/platform-browser, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @angular/common@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: @angular/common@18.2.13npm WARN node_modules/@angular/commonnpm WARN peer @angular/common@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @infragistics/igniteui-angular@18.2.8npm WARN Found: @angular/core@19.0.4npm WARN node_modules/@angular/corenpm WARN peer @angular/core@"19.0.4" from @angular/animations@19.0.4npm WARN node_modules/@angular/animationsnpm WARN peerOptional @angular/animations@"19.0.4" from @angular/platform-browser@19.0.4npm WARN node_modules/@angular/platform-browsernpm WARN 1 more (the root project)npm WARN 8 more (@angular/common, @angular/compiler, @angular/forms, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @angular/core@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: @angular/core@18.2.13npm WARN node_modules/@angular/corenpm WARN peer @angular/core@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @infragistics/igniteui-angular@18.2.8npm WARN Found: @angular/forms@19.0.4npm WARN node_modules/@angular/formsnpm WARN @angular/forms@"~19.0.4" from the root projectnpm WARNnpm WARN Could not resolve dependency:npm WARN peer @angular/forms@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: @angular/forms@18.2.13npm WARN node_modules/@angular/formsnpm WARN peer @angular/forms@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm 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@latestnpm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @angular-eslint/builder@19.0.2npm ERR! Found: eslint@8.52.0npm ERR! node_modules/eslintnpm ERR! peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm ERR! node_modules/@eslint-community/eslint-utilsnpm ERR! @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm ERR! node_modules/@typescript-eslint/utilsnpm ERR! @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1npm ERR! node_modules/@typescript-eslint/eslint-pluginnpm ERR! dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm ERR! 1 more (@typescript-eslint/type-utils)npm ERR! @eslint-community/eslint-utils@"^4.2.0" from eslint@8.52.0npm ERR! peer eslint@"^7.0.0 || ^8.0.0" from @typescript-eslint/eslint-plugin@6.9.1npm ERR! node_modules/@typescript-eslint/eslint-pluginnpm ERR! dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm 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.2npm ERR! node_modules/@angular-eslint/buildernpm ERR! dev @angular-eslint/builder@"~19.0.0" from the root projectnpm ERR!npm ERR! Conflicting peer dependency: eslint@9.17.0npm ERR! node_modules/eslintnpm ERR! peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2npm ERR! node_modules/@angular-eslint/buildernpm ERR! dev @angular-eslint/builder@"~19.0.0" from the root projectnpm ERR!npm ERR! Fix the upstream dependency conflict, or retrynpm ERR! this command with --force or --legacy-peer-depsnpm 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 --forcenpm WARN using --force Recommended protections disabled.npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/builder@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2npm WARN node_modules/@angular-eslint/buildernpm WARN dev @angular-eslint/builder@"~19.0.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/builder@19.0.2npm WARN node_modules/@angular-eslint/buildernpm WARN dev @angular-eslint/builder@"~19.0.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/eslint-plugin@19.0.2npm WARN Found: @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1npm WARN node_modules/@typescript-eslint/eslint-pluginnpm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm WARN 1 more (@typescript-eslint/type-utils)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARNnpm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/eslint-plugin@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN @angular-eslint/eslint-plugin@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/eslint-plugin-template@19.0.2npm WARN Found: @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1npm WARN node_modules/@typescript-eslint/eslint-pluginnpm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm WARN 1 more (@typescript-eslint/type-utils)npm WARNnpm 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.2npm WARN node_modules/@angular-eslint/eslint-plugin-templatenpm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARNnpm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/eslint-plugin-template@19.0.2npm WARN node_modules/@angular-eslint/eslint-plugin-templatenpm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/eslint-plugin-template@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin-template@19.0.2npm WARN node_modules/@angular-eslint/eslint-plugin-templatenpm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/eslint-plugin-template@19.0.2npm WARN node_modules/@angular-eslint/eslint-plugin-templatenpm WARN @angular-eslint/eslint-plugin-template@"19.0.2" from @angular-eslint/schematics@19.0.2npm WARN node_modules/@angular-eslint/schematicsnpm WARN 1 more (the root project)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/template-parser@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/template-parser@19.0.2npm WARN node_modules/@angular-eslint/template-parsernpm WARN dev @angular-eslint/template-parser@"~19.0.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/template-parser@19.0.2npm WARN node_modules/@angular-eslint/template-parsernpm WARN dev @angular-eslint/template-parser@"~19.0.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/utils@19.0.2npm WARN Found: @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN @typescript-eslint/utils@"6.9.1" from @typescript-eslint/eslint-plugin@6.9.1npm WARN node_modules/@typescript-eslint/eslint-pluginnpm WARN dev @typescript-eslint/eslint-plugin@"6.9.1" from the root projectnpm WARN 1 more (@typescript-eslint/type-utils)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/utils@19.0.2npm WARN node_modules/@angular-eslint/utilsnpm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN 1 more (@angular-eslint/eslint-plugin-template)npm WARNnpm WARN Conflicting peer dependency: @typescript-eslint/utils@8.18.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN peer @typescript-eslint/utils@"^7.11.0 || ^8.0.0" from @angular-eslint/utils@19.0.2npm WARN node_modules/@angular-eslint/utilsnpm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN 1 more (@angular-eslint/eslint-plugin-template)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @angular-eslint/utils@19.0.2npm WARN Found: eslint@8.52.0npm WARN node_modules/eslintnpm WARN peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.1npm WARN node_modules/@eslint-community/eslint-utilsnpm WARN @eslint-community/eslint-utils@"^4.4.0" from @typescript-eslint/utils@6.9.1npm WARN node_modules/@typescript-eslint/utilsnpm WARN 1 more (eslint)npm WARN 5 more (@typescript-eslint/eslint-plugin, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/utils@19.0.2npm WARN node_modules/@angular-eslint/utilsnpm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN 1 more (@angular-eslint/eslint-plugin-template)npm WARNnpm WARN Conflicting peer dependency: eslint@9.17.0npm WARN node_modules/eslintnpm WARN peer eslint@"^8.57.0 || ^9.0.0" from @angular-eslint/utils@19.0.2npm WARN node_modules/@angular-eslint/utilsnpm WARN @angular-eslint/utils@"19.0.2" from @angular-eslint/eslint-plugin@19.0.2npm WARN node_modules/@angular-eslint/eslint-pluginnpm WARN 1 more (@angular-eslint/eslint-plugin-template)npm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @infragistics/igniteui-angular@18.2.8npm WARN Found: @angular/animations@19.0.4npm WARN node_modules/@angular/animationsnpm WARN peerOptional @angular/animations@"19.0.4" from @angular/platform-browser@19.0.4npm WARN node_modules/@angular/platform-browsernpm WARN peer @angular/platform-browser@"19.0.4" from @angular/forms@19.0.4npm WARN node_modules/@angular/formsnpm WARN 3 more (@angular/platform-browser-dynamic, @angular/router, the root project)npm WARN 2 more (the root project, igniteui-angular)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @angular/animations@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: @angular/animations@18.2.13npm WARN node_modules/@angular/animationsnpm WARN peer @angular/animations@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @infragistics/igniteui-angular@18.2.8npm WARN Found: @angular/common@19.0.4npm WARN node_modules/@angular/commonnpm WARN peer @angular/common@"19.0.4" from @angular/forms@19.0.4npm WARN node_modules/@angular/formsnpm WARN @angular/forms@"~19.0.4" from the root projectnpm WARN 1 more (igniteui-angular)npm WARN 6 more (@angular/platform-browser, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @angular/common@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: @angular/common@18.2.13npm WARN node_modules/@angular/commonnpm WARN peer @angular/common@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @infragistics/igniteui-angular@18.2.8npm WARN Found: @angular/core@19.0.4npm WARN node_modules/@angular/corenpm WARN peer @angular/core@"19.0.4" from @angular/animations@19.0.4npm WARN node_modules/@angular/animationsnpm WARN peerOptional @angular/animations@"19.0.4" from @angular/platform-browser@19.0.4npm WARN node_modules/@angular/platform-browsernpm WARN 2 more (the root project, igniteui-angular)npm WARN 9 more (@angular/common, @angular/compiler, @angular/forms, ...)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @angular/core@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: @angular/core@18.2.13npm WARN node_modules/@angular/corenpm WARN peer @angular/core@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARN ERESOLVE overriding peer dependencynpm WARN While resolving: @infragistics/igniteui-angular@18.2.8npm WARN Found: @angular/forms@19.0.4npm WARN node_modules/@angular/formsnpm WARN @angular/forms@"~19.0.4" from the root projectnpm WARN 1 more (igniteui-angular)npm WARNnpm WARN Could not resolve dependency:npm WARN peer @angular/forms@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root projectnpm WARNnpm WARN Conflicting peer dependency: @angular/forms@18.2.13npm WARN node_modules/@angular/formsnpm WARN peer @angular/forms@"18" from @infragistics/igniteui-angular@18.2.8npm WARN node_modules/@infragistics/igniteui-angularnpm WARN @infragistics/igniteui-angular@"~18.2.0" from the root project
added 8 packages, and audited 1113 packages in 3s
C:\Projects\CUSA-3>ng version
Angular CLI: 19.0.5Node: 20.11.1Package Manager: npm 10.2.4OS: 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.5rxjs 7.8.1typescript 5.5.4zone.js 0.15.0
C:\Projects\CUSA-3>npm list igniteui-angularcusa-3@0.0.0 C:\Projects\CUSA-3`-- igniteui-angular@19.0.3
C:\Projects\CUSA-3>ng serve -o --port=4200Application 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, ╵ ~~~~~~~~~~~~~~~~~
src/app/authentication/authentication.module.ts:60:4: 60 │ LoginComponent, ╵ ~~~~~~~~~~~~~~
src/app/authentication/authentication.module.ts:61:4: 61 │ RedirectComponent, ╵ ~~~~~~~~~~~~~~~~~
src/app/authentication/authentication.module.ts:62:4: 62 │ RegisterComponent, ╵ ~~~~~~~~~~~~~~~~~
src/app/authentication/authentication.module.ts:63:4: 63 │ LoginDialogComponent, ╵ ~~~~~~~~~~~~~~~~~~~~
src/app/authentication/authentication.module.ts:64:4: 64 │ ProfileComponent ╵ ~~~~~~~~~~~~~~~~
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, ╵ ~~~
src/app/authentication/providers/google-provider.ts:13:21: 13 │ name: userData.name, ╵ ~~~~
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, ╵ ~~~~~~~~~~~
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, ╵ ~~~
src/app/authentication/providers/microsoft-provider.ts:37:21: 37 │ name: userData.name, ╵ ~~~~
src/app/authentication/providers/microsoft-provider.ts:38:22: 38 │ email: userData.email, ╵ ~~~~~
src/app/authentication/providers/microsoft-provider.ts:39:46: 39 │ externalToken: this.oidcSecurityService.getToken() ╵ ~~~~~~~~
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...
Thank you for providing the detailed information. I was able to reproduce the behavior you described, and I have logged the issue here for further investigation: https://github.com/IgniteUI/igniteui-cli/issues/1362
Our development team will review, discuss, and examine the problem to implement a fix. I recommend watching the GitHub issue to stay updated on its progress. Once resolved, the fix will be included in a future release.
When the next version becomes available, please make sure to update the IgniteUI CLI to take advantage of the resolution.
Thank you for your patience and understanding! Please let me know if you need any further assistance in the meantime.
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.
My original post was using node version 20.11.1
I tried this on a different laptop with node 18.18.2 and I got a different bunch of errors:
Microsoft Windows [Version 10.0.22000.2538](c) Microsoft Corporation. All rights reserved.
C:\Users\wjz>ng version
Angular CLI: 17.2.2Node: 18.18.2Package Manager: npm 10.8.3OS: win32 x64
Angular:...
Package Version------------------------------------------------------@angular-devkit/architect 0.1702.2 (cli-only)@angular-devkit/core 17.2.2 (cli-only)@angular-devkit/schematics 17.2.2 (cli-only)@schematics/angular 17.2.2 (cli-only)
C:\Users\wjz>cd \projects
C:\Projects>ng new CUSA-1? Which stylesheet format would you like to use? SCSS [ https://sass-lang.com/documentation/syntax#scss ]? Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? NoCREATE CUSA-1/angular.json (2867 bytes)CREATE CUSA-1/package.json (1075 bytes)CREATE CUSA-1/README.md (1086 bytes)CREATE CUSA-1/tsconfig.json (936 bytes)CREATE CUSA-1/.editorconfig (290 bytes)CREATE CUSA-1/.gitignore (590 bytes)CREATE CUSA-1/tsconfig.app.json (277 bytes)CREATE CUSA-1/tsconfig.spec.json (287 bytes)CREATE CUSA-1/.vscode/extensions.json (134 bytes)CREATE CUSA-1/.vscode/launch.json (490 bytes)CREATE CUSA-1/.vscode/tasks.json (980 bytes)CREATE CUSA-1/src/main.ts (256 bytes)CREATE CUSA-1/src/favicon.ico (15086 bytes)CREATE CUSA-1/src/index.html (304 bytes)CREATE CUSA-1/src/styles.scss (81 bytes)CREATE CUSA-1/src/app/app.component.html (20239 bytes)CREATE CUSA-1/src/app/app.component.spec.ts (945 bytes)CREATE CUSA-1/src/app/app.component.ts (316 bytes)CREATE CUSA-1/src/app/app.component.scss (0 bytes)CREATE CUSA-1/src/app/app.config.ts (235 bytes)CREATE CUSA-1/src/app/app.routes.ts (80 bytes)CREATE CUSA-1/src/assets/.gitkeep (0 bytes)√ Packages installed successfully. Successfully initialized git.
C:\Projects>CD CUSA-1
C:\Projects\CUSA-1>ng serve -o --port=4215Initial chunk files | Names | Raw sizepolyfills.js | polyfills | 88.09 kB |main.js | main | 22.17 kB |styles.css | styles | 96 bytes |
| Initial total | 110.35 kB
Application bundle generation complete. [2.754 seconds]
Watch mode enabled. Watching for file changes... ➜ Local: http://localhost:4215/ ➜ press h + enter to show help
^CC:\Projects\CUSA-1>
C:\Projects\CUSA-1>nvm list
23.1.0 * 18.18.2 (Currently using 64-bit executable)
C:\Projects\CUSA-1>cd ..
C:\Projects>dir cus* Volume in drive C has no label. Volume Serial Number is AC23-71A8
Directory of C:\Projects
12/16/2024 12:12 PM <DIR> CUSA-1 0 File(s) 0 bytes 1 Dir(s) 21,237,968,896 bytes free
C:\Projects>cd CUSA-1
C:\Projects\CUSA-1>ng serve -o --port=4200Initial chunk files | Names | Raw sizepolyfills.js | polyfills | 88.09 kB |main.js | main | 22.17 kB |styles.css | styles | 96 bytes |
Application bundle generation complete. [2.827 seconds]
Watch mode enabled. Watching for file changes... ➜ Local: http://localhost:4200/ ➜ press h + enter to show help^CC:\Projects\CUSA-1>
/ Building...X [ERROR] TS6053: File 'C:/Projects/CUSA-2/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-2/src/polyfills.ts' not found. The file is in the program because: Root file specified for compilation [plugin angular-compiler]
src/app/authentication/authentication.module.ts:32:15: 32 │ AuthModule.forRoot(), ╵ ~~~~~~~~~
Watch mode enabled. Watching for file changes...Terminate batch job (Y/N)? ^C