1

我是 React 的新手，并且使用了一个示例来整理一张地图，以使用 Kepler 显示数据。我在 .env.local 文件中使用默认令牌。我使用新文件在我的项目文件夹下创建了该文件并为其命名，然后我只有以下行。

REACT_APP_MAPBOX_API = pk.someletters.hello

// 请记住，此令牌是我使用 mapbox 创建帐户时获得的默认令牌。可以使用默认令牌吗？

我在 app.js 中使用它的方式

  <KeplerGl
    id="Test"

    mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_API}
    width={window.innerWidth}
    height={window.innerHeight}
    />

页面呈现但出现此错误。它显然没有从 .env.local 文件中获取 mapbox 标识符。

index.js:1 Warning: Failed prop type: The prop `mapboxApiAccessToken` is marked as required in `MapContainer`, but its value is `undefined`.

我在这里做错了什么？

还有一个警告说

kepler-gl.js:179 Mapbox Token not valid. [Click here](https://github.com/keplergl/kepler.gl#mapboxapiaccesstoken-string-required)

当我点击它时，它只会让我重新创建一个带有 mapbox 的帐户并访问令牌。我是否需要考虑任何因素来制作代币？或默认是好的。

任何人？

4

0 回答 0