var L = require('leaflet') is not defined

Question

var L = require('leaflet') is not defined

Closed this issue 7 years ago · 7 comments

Trying to use the leaflet plugin but I get errors at" choropleth.js:1" Uncaught ReferenceError: require choropleth.js:1 is not defined. Error shows up here "var L = require('leaflet')".

I have no clue why.
I am using chrome with the developer tools

Thanks

Answer 1 · 2018-01-02T01:21:56.000Z

Are you using browserify/webpack or just a <script> tag? If the latter, make sure you're pointing to the version inside dist/ not src/.

Answer 2 · 2018-01-03T09:52:48.000Z

Yes from a <script> tag. I enter this line and I get the error in chrome developer tool. I have not called the script yet 2 jan. 2018 kl. 02:21 skrev Tim Wisniewski <notifications@github.com<mailto:notifications@github.com>>: Are you using browserify/webpack or just a <script> tag? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub<https://nam01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Ftimwis%2Fleaflet-choropleth%2Fissues%2F27%23issuecomment-354690792&data=02%7C01%7C%7Cc6c30bbc4953498be54e08d5517f37a6%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636504529190686713&sdata=5mdPpqIV44gX%2Bt2THuiiMdMKYgnHSyGm8cdBojLRi%2FY%3D&reserved=0>, or mute the thread<https://nam01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAFKPr3Pip4sTcDyutI25n2pFHVLLOgYQks5tGYS0gaJpZM4RQK5Y&data=02%7C01%7C%7Cc6c30bbc4953498be54e08d5517f37a6%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636504529190686713&sdata=4uU30A7QbNLZtZ2kd6iGHj07NgXX8J8qnZiJgzuq5Bw%3D&reserved=0>.

Answer 3 · 2018-01-03T15:53:50.000Z

Did you try changing it to point to the dist/ file instead of the src/ file like I suggested?

Answer 4 · 2018-01-03T16:31:50.000Z

I did copy the dist to the basic folder the error is gone but a new one turned up...
Is there a way to get around this problem? It seems to be a browser problem, I use a local server MAMP and Chrome. Thanks

Answer 5 · 2018-01-03T20:46:30.000Z

OK, I was able to deactivate Cross-Origin under developer tool in Safari, I see what I can do in Chrome...

Answer 6 · 2018-01-04T02:21:56.000Z

It looks like you're trying to load your webpage as a file rather than via a local web server. The problem you're experiencing would happen with any module, and is not specific to leaflet-choropleth. I recommend you run a local web server on your computer for your development. The three.js docs have a good write-up about how to run things locally. Three.js has nothing to do with leaflet, but the problem you're describing is one faced by every web developer when they're getting started, so they cover it in their docs too. Hope that helps.

Answer 7 · 2018-01-04T04:24:20.000Z

Tim, I solved the issue by using Safari instead of Chrome as it had a way to deactivate "Cross-origin" and I am using a local web. Thanks, i'ts now working Tim Wisniewski<mailto:notifications@github.com> 4 januari 2018 03:21 It looks like you're trying to load your webpage as a file rather than via a local web server. The problem you're experiencing would happen with any module, and is not specific to leaflet-choropleth. I recommend you run a local web server on your computer for your development. The three.js docs<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fthreejs.org%2Fdocs%2Findex.html%23manual%2Fintroduction%2FHow-to-run-thing-locally&data=02%7C01%7C%7C8e9dfc9a70db4ea206d708d55319ee38%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636506293187355103&sdata=dYn4OiJtUTS7GU8NV3C9xNOo9bUfUxVl2mJki4rxnrw%3D&reserved=0> have a good write-up about how to run things locally. Three.js has nothing to do with leaflet, but the problem you're describing is one faced by every web developer when they're getting started, so they cover it in their docs too. Hope that helps. — You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Ftimwis%2Fleaflet-choropleth%2Fissues%2F27%23issuecomment-355182591&data=02%7C01%7C%7C8e9dfc9a70db4ea206d708d55319ee38%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636506293187355103&sdata=rj%2FIIuqvj%2FsDEttxDTx5oFY7GQ8jG5vp%2FmAPurndJks%3D&reserved=0>, or mute the thread<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAFKPrwgRDu6Fnl2rSRtoy1AqLTjcxwLSks5tHDXEgaJpZM4RQK5Y&data=02%7C01%7C%7C8e9dfc9a70db4ea206d708d55319ee38%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C636506293187355103&sdata=MRb8wS1uoMpKRUVmXw0Cu818l0ubwUyhUYH7GiK08ak%3D&reserved=0>.