angular-schematics error : Collection "@igniteui/angular-schematics" cannot be resolved

8920

Michael Seidel posted over 3 years ago

Installed : C:\_ng\new_ig1>npm i -g @igniteui/angular-schematics

then run command below, and got the error, any advice why?

ng new igGrid2sch --collection="@igniteui/angular-schematics" --template=side-nav

Log:

[error] Error: Collection "@igniteui/angular-schematics" cannot be resolved.
at SchematicEngineHost.resolve (C:\node_modules\@angular-devkit\schematics\tools\node-module-engine-host.js:75:19)
at SchematicEngineHost._resolveCollectionPath (C:\node_modules\@angular-devkit\schematics\tools\node-module-engine-host.js:80:37)
at SchematicEngineHost.createCollectionDescription (C:\node_modules\@angular-devkit\schematics\tools\file-system-engine-host-base.js:118:27)
at SchematicEngine._createCollectionDescription (C:\node_modules\@angular-devkit\schematics\src\engine\engine.js:162:40)
at SchematicEngine.createCollection (C:\node_modules\@angular-devkit\schematics\src\engine\engine.js:155:43)
at NewCommand.getCollection (C:\node_modules\@angular\cli\models\schematic-command.js:143:35)
at NewCommand.initialize (C:\node_modules\@angular\cli\models\schematic-command.js:62:37)
at async NewCommand.validateAndRun (C:\node_modules\@angular\cli\models\command.js:121:22)
at async Object.runCommand (C:\node_modules\@angular\cli\models\command-runner.js:224:24)
at async default_1 (C:\node_modules\@angular\cli\lib\cli\index.js:70:31)

Also what would be the reason to use angular-schematics vs Ignite UI Cli , they seems like do the same.. I did not have problem to create new pj with Ignite UI CLI

Top Replies

1560

Offline Teodosia Hristodorova posted over 3 years ago in reply to Michael Seidel +1 verified
Hello, I'm assuming this error occurs when 'npm i' is called and as it is pointed out into the error log the problem is jasmine-core and karma-jasmine...view reply »
8920

Offline Michael Seidel posted over 3 years ago in reply to Teodosia Hristodorova +1 verified
Thanks Teodosia. All worked out.

Parents

1560

Offline Teodosia Hristodorova posted over 3 years ago

Hello,

I have been looking into your question and tested the provided command. On my side, everything seems to work as expected without any exceptions. A discussion that you might consider helpful could be found in our GitHub repository here.

Additionally, since you are able to successfully create a new project using CLI this could be used as an alternative.

Regarding your second question I could suggest looking at this topic where is mentioned that Ignite UI CLI is a stand-alone command-line tool for creating and scaffolding applications for a variety of frameworks.

On the other hand, Ignite UI for Angular Schematics are part of the same project, available as a collection that can be used with the Angular CLI. They offer similar core Ignite UI CLI functionality, but one that`s integrated with the Schematics workflow and focused specifically on this product. The schematics collection is added to your project when you install Ignite UI for Angular.

Both versions of the tooling allow for generating different projects, component and scenario views (templates).

In addition, a useful guide could be found here.

Let me know if I may be of any further assistance.

Sincerely,
Teodosia Hristodorova
Associate Software Developer
Cancel
Reply

Cancel

Reply

8920

Offline Michael Seidel posted over 3 years ago in reply to Teodosia Hristodorova

Still, what could be potential reasons for the angular schematics giving the error while it was installed.

If there are ways to check the settings.. the log file not very helpful.

[error] Error: Collection "@igniteui/angular-schematics" cannot be resolved
Cancel
Reply

Cancel

Children

1560

Offline Teodosia Hristodorova posted over 3 years ago in reply to Michael Seidel

Hello,

I am glad that you find my suggestion helpful.

Thank you for using Infragistics components.

Regards,
Teodosia Hristodorova
Associate Software Developer
Cancel
Reply

Cancel
8920

Verified Answer
Offline Michael Seidel posted over 3 years ago in reply to Teodosia Hristodorova

Thanks Teodosia. All worked out.
Cancel
Reply

Reject Answer

Cancel
1560

Verified Answer
Offline Teodosia Hristodorova posted over 3 years ago in reply to Michael Seidel

Hello,

I'm assuming this error occurs when 'npm i' is called and as it is pointed out into the error log the problem is jasmine-core and karma-jasmine-html-reporter version is throwing an error. So the solution could be to change the version of “jasmine-core” 3.7.0 to 3.8.0 and “karma-jasmine-html-reporter” from 1.5.0 to 1.7.0.

This could be done by opening the folder you create with ng new and go to the package.json file. In devDependencies change the version of "jasmine-core" and "karma-jasmine-html-reporter" and save it. Then go back to Terminal and go to your project and try to run npm install. More about the latest version of jasmine-core and karma-jasmine-html-reporter here and here.

After an investigation, I determined that the issue came from the Angular template and there is already logged and fixed issue in their GitHub repository here. We will also fix this into the next release and meanwhile please try the suggested steps above.

Also, please make sure that the node.js version is the LTS version which currently is v14.

If this does not help I would suggest trying to run 'npm install --legacy-peer-deps' as it is suggested in the error log.

Let me know if I may be of any further assistance.

Sincerely,
Teodosia Hristodorova
Associate Software Developer
Cancel
Reply

Reject Answer

Cancel
8920

Offline Michael Seidel posted over 3 years ago in reply to Teodosia Hristodorova

Hi Teodosia,

Firstly thanks for advice ... I checked c:\ root and actually found there node_modules folder.. remove it with all contents and now ng new --collection="@igniteui/angular-schematics" started to work..

while going through the process it gave me one warning ( what it is about ? ) :

"SchematicsAngularComponent" schema is using the keyword "id" which its support is deprecated. Use "$id" for schema ID.

and then failed with the following :

Installing packages (npm)...npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: iggrid1sch@0.0.0
npm ERR! Found: jasmine-core@3.7.1
npm ERR! node_modules/jasmine-core
npm ERR! dev jasmine-core@"~3.7.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer jasmine-core@">=3.8" from karma-jasmine-html-reporter@1.7.0
npm ERR! node_modules/karma-jasmine-html-reporter
npm ERR! dev karma-jasmine-html-reporter@"^1.5.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! See C:\Users\gkheysin\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\gkheysin\AppData\Local\npm-cache\_logs\2021-07-22T13_54_01_654Z-debug.log
× Package install failed, see above.
The Schematic workflow failed. See above.

How to address the issue and may be I should verify if I have the latest schematics version, how to do it ?

Thnx
Cancel
Reply

Cancel
1560

Offline Teodosia Hristodorova posted over 3 years ago in reply to Michael Seidel

Hello,

I tested the exact same steps on my side and there is no exception. In addition, the prefix looks correct, and I do not think the reason could be there. Based on the previously provided error log, I assume that there is a node_modules foldеr in C:\, which should not be there. It could be generated when angular cli is installed in case the -g option was missed or due to some other reasons, however, it should not be there since this could lead to errors like the one you are facing.

Could try to execute these steps in some other drive like D:\ for example and test if there everything works as expected.

Let me know if I may be of any further assistance.

Sincerely,

Teodosia Hristodorova

Associate Software Developer
Cancel
Reply

Cancel