Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
355
Issue using ig new with Angular Versions
posted

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

  • 500
    Offline posted 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:

    1. 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.
    2. 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

  • 355
    Offline posted 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...

  • 500
    Offline posted in reply to Walter Zielenski

    Hello,

    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.

    Regards,

    Georgi Anastasov

    Associate Software Developer

    Infragistics

  • 500
    Offline posted

    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

  • 355
    Offline posted in reply to Walter Zielenski

    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.2
    Node: 18.18.2
    Package Manager: npm 10.8.3
    OS: 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)? No
    CREATE 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=4215
    Initial chunk files | Names | Raw size
    polyfills.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

    ^C
    C:\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=4200
    Initial chunk files | Names | Raw size
    polyfills.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.827 seconds]

    Watch mode enabled. Watching for file changes...
    ➜ Local: http://localhost:4200/
    ➜ press h + enter to show help
    ^C
    C:\Projects\CUSA-1>

    C:\Projects\CUSA-1>cd ..

    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

    / 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]


    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...
    Terminate batch job (Y/N)? ^C