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 😁

[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