在创建 React 应用程序上使用 react-mapbox-gl 的 Mapbox GL 不起作用

Question

我正在使用 Create React 应用程序 bootstrap 我的 React JS 应用程序。我已经通过 react-mapbox-gl 集成了 Mapbox GL。

我的 package.json 有这两个 mapbox 依赖项（其他依赖项被省略）：

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

Mapbox 在 localhost:3000 上按预期工作，但在 localhost:8000 上的生产构建中却没有。我使用 npm run start 来构建我的项目。

这是 8000 生产中的样子：mapbox not working

这是 3000 开发中的样子：expected map

我正好得到 9 次的错误是： Uncaught ReferenceError: e is not defined

Answer 1

React-mapbox-gl 版本 2.* 应该与 create-react-app 一起使用。您可以查看 react-mapbox-gl-debug，这是一个使用 create-react-app 的样板文件，用于 react-mapbox-gl。

Mapbox GL using react-mapbox-gl on a create react app is not working