Incorrect Module Imports in app.config.ts

[georgianastasov]

Description

When generating an Angular project using the latest version of igniteui-cli, the app.config.ts file contains incorrect import statements. The imports for Ignite UI for Angular components are incorrectly generated with a placeholder (<%=igxPackage%>) instead of the actual package name (igniteui-angular). This results in a TypeScript error during application bundle generation.

Ignite UI CLI version: 14.0.1
Framework: Angular
Project type: igx-ts

Steps to reproduce

Result

The project fails to build due to a TypeScript error caused by incorrect imports in the app.config.ts file. The import statement:

import {
    IgxNavigationDrawerModule,
    IgxNavbarModule,
    IgxLayoutModule,
    IgxRippleModule,
} from '<%=igxPackage%>';

Expected result

The app.config.ts file should contain valid import statements, importing from igniteui-angular:

import {
    IgxNavigationDrawerModule,
    IgxNavbarModule,
    IgxLayoutModule,
    IgxRippleModule,
} from 'igniteui-angular';

Attachments

Test-App-Error.zip

[Lipata]

@georgianastasov fix is released in igniteui-cli@14.0.2