Mapbox GL mit react-mapbox-gl auf einer create react App funktioniert nicht

Question

Ich benutze Create react app, um meine React JS-Anwendung zu starten. Ich habe Mapbox GL über react-mapbox-gl integriert.

Meine package.json diese beiden Abhängigkeiten für MapBox hat (andere Abhängigkeiten wurden weggelassen):

"dependencies": { 
    "mapbox-gl": "^0.38.0", 
    "react-mapbox-gl": "^1.12.0", 
    } 

MapBox arbeitet als auf localhost:3000 erwartet, aber nicht in meiner Produktion auf localhost:8000 bauen. Ich verwende npm run start, um mein Projekt zu erstellen. Hier

ist, wie es in 8000 Produktion aussieht: mapbox not working

Hier ist, wie es in 3000 Entwicklung aussieht: expected map

Der Fehler ich genau 9 mal ist: Uncaught ReferenceError: e is not defined

Answer 1

Reagieren -mapbox-gl Version 2. * sollte mit create-react-app funktionieren. Sie können einen Blick auf react-mapbox-gl-debug werfen, die ein Boilerplate mit create-react-app für react-mapbox-gl ist.