React-leaflet: Module not found: Can't resolve 'leaflet'

[behnamazimi]

When I do like I am currently facing this error,

./node_modules/react-leaflet/es/Marker.js
Module not found: Can't resolve 'leaflet' in ...\node_modules\react-leaflet\es'

[hpierre74]

I ran into the same error, you need to add 'leaflet' to your depencies :
yarn add leaflet
npm i leaflet

[behnamazimi]

I did it truely!
still this error. even when I ctrl+click on the file names , it goes to the file inner!

[alexandrughinea]

Facing the same issue here.
Using Webpack 4.12 and Typescript 2.9.2 with react-leaflet 2.0.0-rc.2"

[augnustin]

yarn add leaflet worked for me

[tarksin]

Does not work for me; same error.
Using "react-leaflet": "^2.0.0" in packages.json
Module not found: Can't resolve 'leaflet' in '/home/.../..../...../client/node_modules/react-leaflet/es'

[sergiotapia]

same

[gitstephanie]

Still no solution? I'm getting the same error:
'Can't resolve 'leaflet' in '/home/.../..../...../client/node_modules/react-leaflet/es''

yarn add leaflet // npm i leaflet --> didn't help

[idurant]

worked for me!

npm install react-leaftlet --save then
npm i leaflet

[evanpipta]

To clarify for anyone reading, react-leaflet has react, react-dom, and leaflet as peerDependencies which means they have to be npm installed separately or you will get this error. This is in fact noted on the installation instructions in the docs: https://react-leaflet.js.org/docs/en/installation.html

I would recommend doing --save on all the dependencies too, but that may depend on your use case.

[reinisg]

worked for me!

npm install react-leaftlet --save then
npm i leaflet

This order worked for me. Thanks.

[worldsayshi]

Make sure you install in the right folder.

// Someone who didn't install in the right folder.

[herodrigues]

To avoid this issue, I think leaflet should be a peer of react-leaflet.

[jjsmclaughlin]

Can you use react-leaflet without leaflet? I am unclear why it is a peer dependency and not a dependency.

[herodrigues]

@jjsmclaughlin It's a peer. But you have to install it to your project.

From the docs:

React, ReactDOM and Leaflet are peer dependencies, if you haven't already installed them you can use:

npm install leaflet react react-dom # npm
yarn add leaflet react react-dom # Yarn

[ashik927]

I faced the problem. Then this command solve my problem.. ###
$ npm i leaflet

[balazsbotond]

I got the same error. I needed to install the leaflet package but also include the leaflet CSS file from the CDN.

[viniciusSantosdev]

_yarn add leaflet_ worked for me too!

[mn3m-cs]

worked for me!

npm install react-leaftlet --save then
npm i leaflet

Worked for me,
thank you