Creating new project with Ignite UI CLI leads to 404, when Base project is used. Based project must be not available option. (same for React)
Project created:
PS C:\GitHub\CLI> npm igniteui-cli
npm warn Unknown user config "email". This will stop working in the next major version of npm.
Unknown command: "igniteui-cli"
To see a list of supported npm commands, run:
npm help
PS C:\GitHub\CLI> ig new
npm warn Unknown user config "email". This will stop working in the next major version of npm.
✔ Enter a name for your project: Hello World
✔ 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: https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/cli-overview
✔ Choose project template: Base Project
✔ Choose the theme for the project: Default
Generating project structure.
√ Project structure generated.
√ Git Initialized and Project 'Hello World' Committed
✔ Choose an action: Add component
✔ Choose a group: Grids & Lists
✔ Choose a component: Grid
✔ Choose one: Grid
✔ Name your component: Grid
√ View 'Grid' added.
✔ 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? Skip
✔ Choose app host port: 4200
Build started.
Installing npm packages
Packages installed successfully
Starting project.
npm warn Unknown user config "email". This will stop working in the next major version of npm.
hello-world@0.0.0 start
ng serve -o --port=4200
Would you like to share pseudonymous usage data about this project with the Angular Team
at Google under Google's Privacy Policy at https://policies.google.com/privacy. For more
details and how to change this setting, see https://angular.dev/cli/analytics.
Yes
Thank you for sharing pseudonymous usage data. Should you change your mind, the following
command will disable this feature entirely:
Global setting: enabled
Local setting: enabled
Effective status: enabled
Initial chunk files | Names | Raw size
styles.css | styles | 813.04 kB |
main.js | main | 168.30 kB |
scripts.js | scripts | 28.13 kB |
polyfills.js | polyfills | 95 bytes |
| Initial total | 1.01 MB
Application bundle generation complete. [9.123 seconds] - 2026-03-29T20:00:04.544Z
Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
➜ Local: http://localhost:4200/
➜ press h + enter to show help
App.Routes:
import { Routes } from '@angular/router';
import { NotFound } from './error-routing/not-found/not-found';
import { UncaughtError } from './error-routing/error/uncaught-error';
import { Grid } from './grid/grid';
import { CategoryChart } from './category-chart/category-chart';
import { FinancialChart } from './financial-chart/financial-chart';
export const routes: Routes = [
{ path: 'error', component: UncaughtError },
{ path: 'grid', component: Grid, data: { text: 'Grid' } },
{ path: 'category-chart', component: CategoryChart, data: { text: 'Category Chart' } },
{ path: 'financial-chart', component: FinancialChart, data: { text: 'Financial Chart' } },
{ path: '**', component: NotFound } // must always be last
];
Result: 404 app

Creating new project with Ignite UI CLI leads to 404, when Base project is used. Based project must be not available option. (same for React)
Project created:
PS C:\GitHub\CLI> npm igniteui-cli
npm warn Unknown user config "email". This will stop working in the next major version of npm.
Unknown command: "igniteui-cli"
To see a list of supported npm commands, run:
npm help
PS C:\GitHub\CLI> ig new
npm warn Unknown user config "email". This will stop working in the next major version of npm.
✔ Enter a name for your project: Hello World
✔ 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: https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/cli-overview
✔ Choose project template: Base Project
✔ Choose the theme for the project: Default
Generating project structure.
√ Project structure generated.
√ Git Initialized and Project 'Hello World' Committed
✔ Choose an action: Add component
✔ Choose a group: Grids & Lists
✔ Choose a component: Grid
✔ Choose one: Grid
✔ Name your component: Grid
√ View 'Grid' added.
✔ 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? Skip
✔ Choose app host port: 4200
Build started.
Installing npm packages
Packages installed successfully
Starting project.
npm warn Unknown user config "email". This will stop working in the next major version of npm.
Would you like to share pseudonymous usage data about this project with the Angular Team
at Google under Google's Privacy Policy at https://policies.google.com/privacy. For more
details and how to change this setting, see https://angular.dev/cli/analytics.
Yes
Thank you for sharing pseudonymous usage data. Should you change your mind, the following
command will disable this feature entirely:
Global setting: enabled
Local setting: enabled
Effective status: enabled
Initial chunk files | Names | Raw size
styles.css | styles | 813.04 kB |
main.js | main | 168.30 kB |
scripts.js | scripts | 28.13 kB |
polyfills.js | polyfills | 95 bytes |
Application bundle generation complete. [9.123 seconds] - 2026-03-29T20:00:04.544Z
Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
➜ Local: http://localhost:4200/
➜ press h + enter to show help
App.Routes:
import { Routes } from '@angular/router';
import { NotFound } from './error-routing/not-found/not-found';
import { UncaughtError } from './error-routing/error/uncaught-error';
import { Grid } from './grid/grid';
import { CategoryChart } from './category-chart/category-chart';
import { FinancialChart } from './financial-chart/financial-chart';
export const routes: Routes = [
{ path: 'error', component: UncaughtError },
{ path: 'grid', component: Grid, data: { text: 'Grid' } },
{ path: 'category-chart', component: CategoryChart, data: { text: 'Category Chart' } },
{ path: 'financial-chart', component: FinancialChart, data: { text: 'Financial Chart' } },
{ path: '**', component: NotFound } // must always be last
];
Result: 404 app