TypeScript error: Cannot find module 'moment'

Question

I have a TypeScript React app using npx create-react-app --template typescript. When I run npm start, I get an error in one of my files:

TypeScript error in /<path>/App.tsx:
Cannot find module 'moment'.  TS2307

Import:

import moment from 'moment'

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": false,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react",
    "noImplicitAny": false,
    "experimentalDecorators": true
  },
  "include": ["src", "husky.config.js", "lint-staged.config.js"]
}

Using "moment": "^2.25.0" in package.json. Using npm.

Looking in the node_modules directory, I can see the moment package, and the package.json file says moment is on version 2.25.0

I've tried clearing npm cache, deleting node_modules and package-lock.json, reinstalling, importing like import * as moment from 'moment'.

Any ideas? This just randomly started happening today. Thanks in advance.

did you change anything in the code that made this error appear? is the import used differently? — Nikos M.
– Nikos M., Commented May 1, 2020 at 6:00
I am also having the same issue here, I replaced import {Moment} from '../../moment/moment'; Now it works, but I don't know why it doesn't work when import {Moment} from 'moment'; It's happening in angular charts module by the way. — v1shva
– v1shva, Commented May 1, 2020 at 6:01
There seems to be an issue with moment version 2.25.0. github.com/moment/moment/issues/5486. Try using 2.24.0 — v1shva
– v1shva, Commented May 1, 2020 at 6:20

Jplus2 · Accepted Answer · 2020-05-01 22:35:46Z

25

Update

moment version 2.25.1 is released. This fixes the issue.

Old Answer

It's an issue of moment version 2.25.0,

https://github.com/moment/moment/issues/5486

Delete your package-lock.json and node_modules folder, replace this line of code in your package.json

"moment": "2.24.0",

note, remove the ^, else it will keep installing 2.25.0

then npm install

This should resolve the issue.

edited May 1, 2020 at 22:35

answered May 1, 2020 at 6:52

Jplus2

2,5794 gold badges37 silver badges59 bronze badges

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

Comments

Arun Kumar · Accepted Answer · 2020-05-01 08:14:55Z

4

You have to install a package before actually using it in your code. So you can Install moment library using npm (node package manager)

npm install moment

and then import this library

import * as moment from 'moment'

Then you are good to go.

edited May 1, 2020 at 8:14

Arun Kumar

3554 silver badges10 bronze badges

answered May 1, 2020 at 6:23

chirag sorathiya

1,25312 silver badges31 bronze badges

Comments

Anurag Yadav · Accepted Answer · 2020-05-01 06:38:46Z

You have done exactly right, nothing wrong in the scaffolding the app. Just a mistake in the import statement as it has been updated.

As of version 2.13.0, Moment includes a typescript definition file.

Install via NPM npm install moment

Import and use in your Typescript file-

import * as moment from 'moment';
let now = moment().format('LLLL');

Note: If you have trouble importing moment For Typescript 2.x try adding "moduleResolution": "node" in compilerOptions in your tsconfig.json file(in your app root directory) and then use any of the below syntax

import * as moment from 'moment';
import moment = require('moment');

For Typescript 1.x try adding "allowSyntheticDefaultImports": true in compilerOptions in your tsconfig.json file and then use the syntax

import moment from 'moment';
let now = moment().format('LLLL');

Shawn Lee · Accepted Answer · 2022-12-27 08:19:02Z

0

npm install moment
delete node_modules <--- if you still found error
then npm i <--- install the package again
and then import this library import * as moment from 'moment'

edited Dec 27, 2022 at 8:19

answered Dec 27, 2022 at 7:31

Shawn Lee

775 bronze badges

Comments

Tsur Drori · Accepted Answer · 2024-04-16 11:01:46Z

0

happened to me too (version 2.30) closing and opening the IDE solved it.

answered Apr 16, 2024 at 11:01

Tsur Drori

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

TypeScript error: Cannot find module 'moment'

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related