Hello, I am creating new project using ignightui-cli, follow steps, but at the end it fails to build.. can you check the script and tell me how to fix it.. It used to work.... I would think that cli supposed to create all that needed in the project directory.. it seems it does not..
C:\_ng\new_ig1\Sample>ig --version _____ _ _ _ _ _____ _____ _ _____|_ _| (_) | | | | |_ _| / ____| | |_ _| | | __ _ _ __ _| |_ ___ | | | | | | | | | | | | | | / _` | '_ \| | __/ _ \ | | | | | | | | | | | | _| || (_| | | | | | || __/ | |__| |_| |_ | |____| |____ _| |_|_____\__, |_| |_|_|\__\___| \____/|_____| \_____|______|_____| __/ | |___/
Ignite UI CLI version: 8.0.3OS: Windows
C:\_ng\new_ig1\Sample>igStarting Step by step mode.For available commands, stop this execution and use --help.
? Enter a name for your project: pj1? Choose framework: Angular? Choose the type of project: Ignite UI for AngularPsst! 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: Default side navigation? Choose the theme for the project: Custom Generating project structure.√ Project structure generated.Git initialization failed. Install Git in order to automatically commit the project.
? Choose an action: Add component? Choose a group: Grids & Lists? Choose a component: Grid? Choose one: Custom Grid? Name your component: igGridUno? Choose features for the igx-grid Sorting, Filtering, Row Editing√ View 'igGridUno' added.
? Choose an action: Complete & RunThe 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: 4200Build started.Installing npm packagesError installing npm packages.Starting project.
> pj1@0.0.0 start> ng serve -o "--port=4200"
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'Require stack:- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\index.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\models\architect-command.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\commands\serve-impl.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\schematics\tools\export-ref.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\schematics\tools\index.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\utilities\json-schema.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\models\command-runner.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\lib\cli\index.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\lib\init.js- C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\bin\ngSee "C:\Users\gkheysin\AppData\Local\Temp\2\ng-qeQMki\angular-errors.log" for further details.(node:22508) UnhandledPromiseRejectionWarning: Error: Command failed: npm start -- --port=4200 at checkExecSyncError (child_process.js:643:11) at Object.execSync (child_process.js:679:15) at Function.execSync (C:\Users\gkheysin\AppData\Roaming\npm\node_modules\igniteui-cli\node_modules\@igniteui\cli-core\util\Util.js:273:36) at Object.<anonymous> (C:\Users\gkheysin\AppData\Roaming\npm\node_modules\igniteui-cli\lib\commands\start.js:82:41) at Generator.next (<anonymous>) at fulfilled (C:\Users\gkheysin\AppData\Roaming\npm\node_modules\igniteui-cli\lib\commands\start.js:5:58) at processTicksAndRejections (internal/process/task_queues.js:95:5)(Use `node --trace-warnings ...` to show where the warning was created)(node:22508) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see nodejs.org/.../cli.html. (rejection id: 1)(node:22508) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
C:\_ng\new_ig1\Sample>
Hello,
From what I could say based on the provided details, the issue is your Angular project can't find the required "@angular-devkit/build-angular" dependency necessary to build your project.
My suggestion is to delete the project's node_modules folder and run the following commands:
npm install
ng update
npm update
If these steps do not help you could try to install @angular-devkit/build-angular as dev dependency using 'npm install --save-dev @angular-devkit/build-angular'.
Let me know if I may be of any further assistance.
Sincerely,
Teodosia Hristodorova
Associate Software Developer
It used to work on my workstation, now it stopped...
wonder why.. is there a way to uninstall everything related and install all back.. cli supposed to created all dependency folders, but now it is getting stopped right at the beginning of the process (Error installing npm packages).. it seems like it is stopped working right after I was able to use angular-schematics for once.. now both stopped working.. even if I fix this upstream dependency conflict the ig template for the custom grid won't be created..
C:\_ng\new_ig1\pj1>npm installnpm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: pj1@0.0.0npm ERR! Found: jasmine-core@3.7.1npm ERR! node_modules/jasmine-corenpm ERR! dev jasmine-core@"~3.7.0" from the root projectnpm ERR!npm ERR! Could not resolve dependency:npm ERR! peer jasmine-core@">=3.8" from karma-jasmine-html-reporter@1.7.0npm ERR! node_modules/karma-jasmine-html-reporternpm ERR! dev karma-jasmine-html-reporter@"^1.5.0" from the root projectnpm ERR!npm ERR! Fix the upstream dependency conflict, or retrynpm ERR! this command with --force, or --legacy-peer-depsnpm 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-28T14_51_48_099Z-debug.log
Hello Michael,No need to try other things, as the problem I believe has presented itself at this point. New projects templates don't include node_modules (and there's quite a bit of those Angular projects rely on these days) as every creation goes through an install step. If that fails, of course some/all modules will be missing and the project won't run.I guess we can probably handle this case better in the CLI, but it did give the indication of the problem:
Michael Seidel said:? Choose app host port: 4200Build started.Installing npm packagesError installing npm packages.
And after you tried to manually run npm install the error is detailed enough - the same one as in the previous thread linked in a reply above and the solution for the short-term is the same: update "jasmine-core" to "~3.8.0" (and while at it you might want to adjust “karma-jasmine-html-reporter” to use tilde range like "~1.7.0" to avoid future trouble. After this npm i should be able to correctly install and the project should run.In case you are wondering - the templates used for new Angular projects are shared between the Ignite UI CLI and our Angular schematics, so getting the same result is not surprising. The project templates in the current version are based on Angular CLI 12.0.x templates, which as discussed in the previous thread shipped with relaxed version range for the "karma-jasmine-html-reporter" package. So when a new version of that came out it got picked up and caused this trouble when installing with Node.js 16 since it does additional peer dependency checks. That issue has been resolved in the Angular CLI and we're updating to the latest version on our end. New versions of both CLI and schematics updated to 12.1 should be out soon (most likely start of next week).
npm i
Thanks, I figure it out that npm install with sequential karma/jasmine versions update actually fixes the problem and I was able to build and run pj after all.. and yes it would be nice if CLI somehow show more pointed message as it did not occurred to me to check if the node_modules folder is there or that actually all components are added already.. errors referred to some global folder and all folders were actually there...
Is it possible to receive message when updated CLI is available. Thanks.
Hello Michael,Late reply (misconfigured notifications on my end), but as with my previous post the Ignite UI CLI was updated the following week as expected, with updated templates for 12.1 (https://github.com/IgniteUI/igniteui-cli/releases) so you can grab new versions.PS: Through GitHub you could even subscribe to get notified of release if that interests you - there's a Custom condition for Releases under the Watch feature :)
How exactly to update .. if I would run npm install -g igniteui-cli it will update global version but in project folder
I still getting : Different igniteui-cli global and local version
Ignite UI CLI version: 8.0.4
although outside it gives me new version
Ignite UI CLI version: 8.1.0
The message for the different version is just that - something to be aware of, but doesn't necessarily mean anything is wrong. The update process linked by @Teodosia will bump to the latest and should also update the Ignite UI for Angular package too. So the message will likely be gone for now at least.Explanation: As there are commands that make modifications such as adding new components, the Ignite UI CLI is included locally in the project (as a dev dependency). Commands inside the project are handed off to this local version. Doing this allows for projects that haven't been updated yet to whatever version you've installed globally (e.g. project is still using Angular 11 while your global version would use 12 or the other way around) and ensures the results produced are compatible with the project state.That's why you see the message and different version when you run outside the folder - in the latter case there's no project with local installation and thus the global one executes the command. The same principle is used in the Angular CLI and the same behavior can be observed when running `ng` commands btw :)