Module not found: Can't resolve 'moment' in 'node_modules\react-moment\dist' in reactjs

Question

I have installed react-moment 'npm i react-moment'. It is installed in the directory node_modules and dependency added in the package.json file. Every thing is correct. But when I import

import Moment from 'react-moment'

then it shows

Module not found: Can't resolve 'moment' in 'node_modules\react-moment\dist'

But there is nothing wrong with this directory, I haven't modified the files inside react-moment directory in node_modules. Just after installing the package, when I import the package

import Moment from 'react-moment'

Then it shows the error.

It looks like you have to npm i moment too.

Jax-p
– Jax-p

2020-07-28 14:58:50 +00:00
Commented Jul 28, 2020 at 14:58 — Jax-p
– Jax-p, Commented Jul 28, 2020 at 14:58

known-as-bmf · Accepted Answer · 2020-07-28 15:11:09Z

52

moment is a peer dependency of react-moment, which mean you have to install moment in you project as well (it doesn't ship with its own version of moment).

npm i --save moment

answered Jul 28, 2020 at 15:11

known-as-bmf

1,2229 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

desertnaut · Accepted Answer · 2024-11-28 23:10:49Z

6

Worked for me:

npm install --save moment
npm install --save react-moment
npm install --save moment-timezone

edited Nov 28, 2024 at 23:10

desertnaut

60.8k32 gold badges155 silver badges183 bronze badges

answered Jan 15, 2022 at 22:14

Lucas Dias Procópio Mercês

4395 silver badges5 bronze badges

1 Comment

Jeff Over a year ago

Anyone knows why the installation takes longer than usual?

YimininLondon · Accepted Answer · 2022-12-01 14:23:11Z

I sorted it out by adding the '--legacy-peer-deps' argument to the end of the command as the error message shows:

npm ERR! Conflicting peer dependency: @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR!   peer @angular/common@">=13.0.0 <14.0.0" from @ng-select/[email protected]
npm ERR!   node_modules/@ng-select/ng-select
npm ERR!     @ng-select/ng-select@"^8.0.0" from @ng-matero/[email protected]
npm ERR!     node_modules/@ng-matero/extensions
npm ERR!       @ng-matero/extensions@"^13.1.0" from the root project
npm ERR!     @ng-select/ng-select@"^8.1.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/yimin/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/yimin/.npm/_logs/2022-12-01T14_08_17_585Z-debug-0.log

npm install --save moment --legacy-peer-deps

Furkan Koseoglu · Accepted Answer · 2022-08-10 08:05:15Z

0

I was having same issue with reac-datetime package and this one worked for me:

npm install --save moment

edited Aug 10, 2022 at 8:05

answered Aug 10, 2022 at 8:04

Furkan Koseoglu

1391 silver badge6 bronze badges

Comments

Shailesh Patel · Accepted Answer · 2021-12-08 05:21:12Z

-2

If you are working with Timezone features make sure that you have installed the timezone package as well. if not paste the below npm code.

npm install --save moment-timezone

answered Dec 8, 2021 at 5:21

Shailesh Patel

1491 silver badge3 bronze badges

Collectives™ on Stack Overflow

Module not found: Can't resolve 'moment' in 'node_modules\react-moment\dist' in reactjs

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related