DEV Community

Cover image for Day 1: Error: "Module not found: Error: Can't resolve '@angular/core'"
Dipak Ahirav
Dipak Ahirav

Posted on

Day 1: Error: "Module not found: Error: Can't resolve '@angular/core'"

#angular #webdev #javascript #errors

Scenario:

This error often occurs when you try to run your Angular application after installing or upgrading Angular packages and it can't find the @angular/core module.

please subscribe to my YouTube channel to support my channel and get more web development tutorials.

Solution:

1.Ensure Dependencies are Installed Correctly:
Make sure all dependencies are properly installed by running:

   npm install
Enter fullscreen mode Exit fullscreen mode

2.Check package.json:
Ensure that @angular/core and other Angular dependencies are listed in your package.json. It should look something like this:

   "dependencies": {
     "@angular/core": "^12.0.0",
     "@angular/common": "^12.0.0",
     ...
   }
Enter fullscreen mode Exit fullscreen mode

3.Clean npm Cache and Reinstall Node Modules:
Sometimes, npm cache can cause issues. Clear the cache and reinstall the node modules:

   npm cache clean --force
   rm -rf node_modules
   npm install
Enter fullscreen mode Exit fullscreen mode

4.Check the tsconfig.json Configuration:
Ensure the paths in tsconfig.json are correctly configured:

   {
     "compilerOptions": {
       "baseUrl": "./",
       "paths": {
         "@angular/*": ["node_modules/@angular/*"]
       }
     }
   }
Enter fullscreen mode Exit fullscreen mode

5.Update Angular CLI:
Ensure your Angular CLI is up-to-date:

   npm install -g @angular/cli
Enter fullscreen mode Exit fullscreen mode

6.Restart the Development Server:
Sometimes, simply restarting the development server can solve the issue:

   ng serve
Enter fullscreen mode Exit fullscreen mode

If you've followed all these steps and the problem persists, you may want to check for any specific issues related to your project setup or Angular version.

Feel free to ask for another error and its solution tomorrow!

please subscribe to my YouTube channel to support my channel and get more web development tutorials.

Follow and Subscribe:

Happy coding! 🚀

Top comments (0)

Read next

railsdesigner profile image

Store UI State in localStorage with Stimulus

Rails Designer -

koolkamalkishor profile image

Evaluating Medical Retrieval-Augmented Generation (RAG) with NVIDIA AI Endpoints and Ragas

KAMAL KISHOR -

igbikisimewari profile image

Best Version Control Practices Every React Development Team Needs To Know

Joseph Abraham -

satya_prakash profile image

Testing Push Notification: Test Push Notification in iOS Simulator & Android

satyaprakash behera -