by Sai gowtham

Cannot find module 'date-fns' error [Solved]

The “Cannot find module ‘date-fns’” error occurs due to one of the following reasons:

  1. The date-fns module is not installed in the correct project directory.

  2. Using the module without installing it in the project.

  3. Installed the moudle in a global context and trying to access in project local context.

To solve the error “Cannot find module ‘date-fns’”, open the project root folder in your terminal and run the following command to install the date-fns module.

npm install date-fns

Now, you can import and use the date-fns module in your project like this:

import { format } from 'date-fns'

format(new Date(), "MM/dd/yyyy") //=> "10/25/2022"

If you want to install a particular version of ‘date-fns’ module, you can use the following command.

npm install date-fns@2.29.3

If you’re still facing the error, then follow the below steps to resolve it.

  1. Remove the node_modules folder and package-lock.json file, inside your project directory by using the below command.
rm-rf node_modules package-lock.json

or you can remove it manually by right-clicking on it and select the delete option.

  1. Clear the npm cache.
npm clean cache --force
  1. Re-install the node modules again by running the npm install command.

Verify now if you’ve installed it correctly or not by opening the package.json file and check for date-fns module in the dependencies object.

 "dependencies": {
     //...
    "date-fns": "^2.29.3",

    //.. other packages goes here
 }

Conclusion

To solve the can’t find module date-fns error, install the date-fns module in your project directory by running the npm install date-fns command and restart your development server.

Css Tutorials & Demos

How rotate an image continuously in CSS

In this demo, we are going to learn about how to rotate an image continuously using the css animations.

How to create a Instagram login Page

In this demo, i will show you how to create a instagram login page using html and css.

How to create a pulse animation in CSS

In this demo, i will show you how to create a pulse animation using css.

Creating a snowfall animation using css and JavaScript

In this demo, i will show you how to create a snow fall animation using css and JavaScript.

Top Udemy Courses

JavaScript - The Complete Guide 2022 (Beginner + Advanced)
JavaScript - The Complete Guide 2022 (Beginner + Advanced)
116,648 students enrolled
52 hours of video content
$14.99 FROM UDEMY
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
631,582 students enrolled
49 hours of video content
$24.99 FROM UDEMY
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
203,937 students enrolled
31.5 hours of video content
$14.99 FROM UDEMY