我试过使用react-map-gl库，但没有成功。我已经做了文档中显示的操作：https://docs.mapbox.com/mapbox-gl-js/guides/，但它不适合我。下面是我的代码：

import mapboxgl from "mapbox-gl";
import "mapbox-gl/dist/mapbox-gl.css";

mapboxgl.accessToken =
  "here i put my api key";

const map = new mapboxgl.Map({
  container: "map",
  style: "mapbox://styles/mapbox/streets-v12",
  center: [-74.5, 40],
  zoom: 9,
});

export default function Home() {
  return <div id="map" />;
}

当我运行它时，我得到了这个错误：

TypeError: Cannot read properties of undefined (reading 'mark')

抱怨这条线：

const map = new mapboxgl.Map({...

我试图修改webpack来处理加载工作文件，我不认为应该是必要的反正，但没有工作。
如果你有任何想法，帮助将是非常感激的：）