Error when generating DV components

[Lipata]

Description

Error when generating DV components

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

Steps to reproduce

1. Install the latest igniteui-cli@10.0.0
2. Execute 'ig' command
3. Choose a DV component, for example, a category chart.

Result

Even though the DV packages are installed, there is an error and the project cannot be started.

? Choose an action: Add component
? Choose a group: Charts
? Choose a component: Category Chart
? Name your component: Category Chart
√ View 'Category Chart' added.

? Choose an action: Add component
? Choose a group: Charts
? Choose a component: Financial Chart
? Name your component: Financial Chart
√ View 'Financial Chart' 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
Waiting for additional packages to install
Package igniteui-angular-core@~13.1.0 installed successfully
Package igniteui-angular-charts@~13.1.0 installed successfully
Build started.
Installing npm packages
Packages installed successfully
Starting project.

> test_dv@0.0.0 start
> ng serve -o "--port=4200"

Unknown error: Error: Cannot find module 'C:\Users\nalipiev\Desktop\test_dv\node_modules\@yarnpkg\lockfile\index.js'. Please verify that the package.json has a valid "main" entry

Expected result

The project is generated and run properly.

See issues in 'npm cli' and 'npm' repos.
Due to the fact that npm changed the way they install single packages, now all igniteui-angular DV packages that are installed asynchronously in the CLI and are installed during choosing components from the wizard, one of the following problems occurs: node_modules folder or package.lock files are messed up. A temporary solution is to call npm ci (to reinstall synchronously all packages) and then 'npm run start'.