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>
ng new create project without problems .. but ig still not working ...This is error log
[error] Error: 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\ng at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15) at Function.resolve (internal/modules/cjs/helpers.js:98:19) at WorkspaceNodeModulesArchitectHost.resolveBuilder (C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js:113:41) at ServeCommand.initialize (C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\models\architect-command.js:80:63) at async ServeCommand.validateAndRun (C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\models\command.js:121:22) at async Object.runCommand (C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\models\command-runner.js:224:24) at async default_1 (C:\Users\gkheysin\AppData\Roaming\npm\node_modules\@angular\cli\lib\cli\index.js:70:31)
I have run npm install --save-dev @angular-devkit/build-angular then ig for the same effect..
How to debug this behavior.. ?
C:\_ng\new_ig1>npm install --save-dev @angular-devkit/build-angularnpm WARN deprecated urix@0.1.0: Please see github.com/.../urixnpm WARN deprecated resolve-url@0.2.1: github.com/.../resolve-urlnpm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See v8.dev/.../math-random for details.
added 1167 packages, and audited 1168 packages in 2m
85 packages are looking for funding run `npm fund` for details
5 moderate severity vulnerabilities
Some issues need review, and may require choosinga different dependency.
Run `npm audit` for details.
C:\_ng\new_ig1>igStarting Step by step mode.For available commands, stop this execution and use --help.
? Enter a name for your project: pjuno? 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: uno? Choose features for the igx-grid Sorting, Filtering, Row Editing√ View 'uno' added.
> pjuno@0.0.0 start> ng serve -o "--port=4200"
You seem to not be depending on "@angular/core" and/or "rxjs". This is an error.(node:4780) 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:4780) 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:4780) [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>
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,
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