ReferenceError: window is not defined
Closed this issue · 9 comments
Hi there,
When I include the react-leaflet library I seem to get "ReferenceError: window is not defined".
This comes from leaflet-src.js as far as I can see, any ideas? Seems like I'm including something incorrectly.
ReferenceError: window is not defined
at Object. (C:\Applications\Nexus\Nexus\node_modules\leaflet\dist
\leaflet-src.js:9163:3)
at Module._compile (module.js:460:26)
at Module._extensions..js (module.js:478:10)
at Object.require.extensions.(anonymous function) [as .js](C:Applications
NexusNexusnode_modulesbabelnode_modulesbabel-corelibapiregisternode.js:
214:7)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (C:\Applications\Nexus\Nexus\node_modules\react-leafle
t\lib\index.js:9:16)
at Module._compile (module.js:460:26)
14 Sep 11:44:46 - [nodemon] app crashed - waiting for file changes before starti
ng...
This worked for me
1-i've installed jsdom-global using npm manager...
2-I've replaced window object by global object
then i resolve window ior document is not defined issues
Hope it would resolve your issue
It still shows an error.
This could hlep:
https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr
This could hlep: https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr
Thank you, It's work for me
what is the /header.js file?
This could hlep: https://nextjs.org/docs/advanced-features/dynamic-import#with-no-ssr
If you are using the app router, make sure to change the docs to app router version. and make sure you put the leaflet map in a separate component and dynamically import it.
I encounter this issue with Next.js. This article was a proper solution for me.
https://medium.com/@tomisinabiodun/displaying-a-leaflet-map-in-nextjs-85f86fccc10c