Getting Started | Angular Challenges

[giscus[bot]]

Getting Started | Angular Challenges

A guide on how to get started with Angular Challenges.

https://angular-challenges.vercel.app/guides/getting-started/

[alifnaiech]

Error typo on Install all dependencies: npm ci

[tomalaforge]

What is the typo ?

[alifnaiech]

Is it necessary to use "npm i" instead of "npm ci"? When I tried running "npm ci," I encountered errors. Is "npm ci" an alternative to "npm i"?

[caiosimas]

This error occurred to me:

npm cican only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file withnpm install` before continuing.
npm ERR!
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR! Missing: [email protected] from lock file
npm ERR!
npm ERR! Clean install a project
npm ERR!
npm ERR! Usage:
npm ERR! npm ci

But npm i got it right

[GEugene98]

This is your first challenge 😁

[prakash-liferay]

Update your nodejs to latest version then run npm ci

[Gw0zdziu]

I have problem with nx server for e.g. npx nx serve angular-projection
Before i used npm ci command.

Could not find 'nx' module in this workspace. Error: [readCachedProjectGraph] ERROR: No cached ProjectGraph is available.

If you are leveraging \`readCachedProjectGraph()\` directly then you will need to refactor your usage to first ensure that
the ProjectGraph is created by calling \`await createProjectGraphAsync()\` somewhere before attempting to read the data.

If you encounter this error as part of running standard \`nx\` commands then please open an issue on https://github.com/nrwl/nx
    at readCachedProjectGraph (/Users/przemyslawgwozdz/Documents/Repos/Learning/Angular/angular-challenges/node_modules/nx/src/project-graph/project-graph.js:30:15)
    at run (/Users/przemyslawgwozdz/Documents/Repos/Learning/Angular/angular-challenges/node_modules/nx/src/command-line/run/run.js:152:69)
    at process.<anonymous> (/Users/przemyslawgwozdz/Documents/Repos/Learning/Angular/angular-challenges/node_modules/nx/bin/run-executor.js:59:48)
    at process.emit (node:events:519:28)
    at emit (node:internal/child_process:951:14)
    at process.processTicksAndRejections (node:internal/process/task_queues:83:21)

 ——————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————

 >  NX   Running target serve for project angular-projection failed

   Failed tasks:
   
   - angular-projection:serve:development
   
   Hint: run the command with --verbose for more details.

[sanketmaru]

Faced issue where dependencies didn't installed with Node 14.
Good to update the documentation to have latest version of node installed.

[alcaidio]

@alifnaiech i think you dont know the difference between npm i and npm ci ^^
https://stackoverflow.com/questions/52499617/what-is-the-difference-between-npm-install-and-npm-ci

[pookdeveloper]

Error executing the npm ci command:

npm ERR! code 1
npm ERR! path C:\dev\david\angular-challenges\node_modules\nx
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node ./bin/post-install
npm ERR! C:\dev\david\angular-challenges\node_modules\nx\src\native\index.js:244
npm ERR! throw loadError
npm ERR! ^
npm ERR!
npm ERR! Error: Cannot find module '@nx/nx-win32-x64-msvc'
npm ERR! Require stack:
npm ERR! - C:\dev\david\angular-challenges\node_modules\nx\src\native\index.js
npm ERR! - C:\dev\david\angular-challenges\node_modules\nx\src\hasher\node-task-hasher-impl.js
npm ERR! - C:\dev\david\angular-challenges\node_modules\nx\src\hasher\task-hasher.js
npm ERR! - C:\dev\david\angular-challenges\node_modules\nx\src\hasher\hash-task.js
npm ERR! - C:\dev\david\angular-challenges\node_modules\nx\src\tasks-runner\run-command.js
npm ERR! - C:\dev\david\angular-challenges\node_modules\nx\src\nx-cloud\utilities\get-cloud-options.js
npm ERR! - C:\dev\david\angular-challenges\node_modules\nx\bin\post-install.js
npm ERR! at Module._resolveFilename (node:internal/modules/cjs/loader:1142:15)
npm ERR! at Module._load (node:internal/modules/cjs/loader:983:27)
npm ERR! at Module.require (node:internal/modules/cjs/loader:1230:19)
npm ERR! at require (node:internal/modules/helpers:179:18)
npm ERR! at Object. (C:\dev\david\angular-challenges\node_modules\nx\src\native\index.js:66:29)
npm ERR! at Module._compile (node:internal/modules/cjs/loader:1368:14)
npm ERR! at Module._extensions..js (node:internal/modules/cjs/loader:1426:10)
npm ERR! at Module.load (node:internal/modules/cjs/loader:1205:32)
npm ERR! at Module._load (node:internal/modules/cjs/loader:1021:12)
npm ERR! at Module.require (node:internal/modules/cjs/loader:1230:19) {
npm ERR! code: 'MODULE_NOT_FOUND',
npm ERR! requireStack: [
npm ERR! 'C:\dev\david\angular-challenges\node_modules\nx\src\native\index.js',
npm ERR! 'C:\dev\david\angular-challenges\node_modules\nx\src\hasher\node-task-hasher-impl.js',
npm ERR! 'C:\dev\david\angular-challenges\node_modules\nx\src\hasher\task-hasher.js',npm ERR! 'C:\dev\david\angular-challenges\node_modules\nx\src\hasher\hash-task.js',
npm ERR! 'C:\dev\david\angular-challenges\node_modules\nx\src\tasks-runner\run-command.js',
npm ERR! 'C:\dev\david\angular-challenges\node_modules\nx\src\nx-cloud\utilities\get-cloud-options.js',
npm ERR! 'C:\dev\david\angular-challenges\node_modules\nx\bin\post-install.js'
npm ERR! ]
npm ERR! }
npm ERR!
npm ERR! Node.js v21.7.3

npm ERR! A complete log of this run can be found in: C:\Users\ddgs\AppData\Local\npm-cache_logs\2024-04-17T06_03_22_848Z-debug-0.log

[tomalaforge]

WHat is your node version and npm version?

[pookdeveloper]

PS C:\dev\david\angular-challenges> node -v
v21.7.3
PS C:\dev\david\angular-challenges> npm --version
10.5.0

[tomalaforge]

Did you try to delete your node-module?
otherwise if it's still not working, delete package-lock and do npm i

[RafiaUmar]

Hurrah I did the first challenge by running npm i😂
mac@RafiaMac angular-challengesbyRafia % npm i --legacy-peer-deps --force
npm WARN using --force Recommended protections disabled.
npm WARN deprecated [email protected]: Use your platform's native atob() and btoa() methods instead
npm WARN deprecated [email protected]: Use your platform's native DOMException instead
(node:11821) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 close listeners added to [TLSSocket]. Use emitter.setMaxListeners() to increase limit
(Use node --trace-warnings ... to show where the warning was created)

[email protected] prepare
husky install

husky - Git hooks installed

added 2294 packages, and audited 2295 packages in 5m

341 packages are looking for funding
run npm fund for details

3 vulnerabilities (1 low, 2 moderate)

To address all issues, run:
npm audit fix --force

Run npm audit for details.

[Atikul789]

finally npm run start command to run the server

[Kiran6248]

I am getting this error while running npm run start. Can somebody help?
NX Failed to process project graph. Run "nx reset" to fix this. Please report the issue if you keep seeing it.

Pass --verbose to see the stacktraces.

[tomalaforge]

did you run nx reset?

[Kiran6248]

I did. I was showing nx not found.

[Kiran6248]

Ok. Thanks

…

On Wed, 26 Jun 2024, 07:42 Prakash Kumar Sah, ***@***.***> wrote: Update your nodejs to latest version then run npm ci — Reply to this email directly, view it on GitHub <#255 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AQ5KOIDAH7H56D6QHKQ4LNDZJJPFRAVCNFSM6AAAAAA7GWGJE6VHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4TQNZYHA2DM> . You are receiving this because you commented.Message ID: <tomalaforge/angular-challenges/repo-discussions/255/comments/9878846@ github.com>

[imjaydeepvaghela]

NX Could not find Nx modules in this workspace. I've tried every way but unable to fix. Please help!

[imjaydeepvaghela]

Now it is done.