构建阶段后，Mapbox 令牌在 React App 中不起作用

如何解决构建阶段后，Mapbox 令牌在 React App 中不起作用

我使用“react-map-gl”库在我的 React 应用程序中使用 MapBox 图层。像这样在 App.js 的代码中添加 Token：

const TOKEN = 'Token';

//

<StaticMap mapBoxApiAccesstoken={TOKEN} reuseMaps mapStyle={mapStyle}

它在使用 npm start 测试时完美运行。

但是在 netlify 上进行 npm 构建和部署后，地图未加载。令牌是默认的公共令牌。 我想我必须以不同的方式添加它，但如何添加？

解决方法

这似乎是一个转译问题。

而不仅仅是使用

import mapboxgl from 'mapbox-gl'; 

我用过这个

import mapboxgl from '!mapbox-gl'; // eslint-disable-line import/no-webpack-loader-syntax