我很确定这是因为mapbox-gl的DefinitelyTyped包不是那么“最新”。您正在使用mapbox-gl@2.15.0，但在撰写本文时。mapbox-gl并没有发布自己的类型，但是这些类型可以从the DefinitelyTyped project获得，我假设你是从the DefinitelyTyped project获取类型的。每当你从那里抓取类型时，理想情况下，你会抓取类型包，该类型包具有匹配的主版本号和次版本号，用于它为其提供类型的包的版本（请参阅绝对类型的包版本如何与相应库的版本相关？例如，理想情况下，现在你会做npm i -D '@types/mapbox-gl@~2.15'。不幸的是，在撰写本文时，@types/mapbox-gl的最新版本是2.7.11。现在，当您查看mapbox-gl的更新日志时，您将看到您正在使用的特性是在v2.9.0中添加的。这就是为什么你没有得到类型。免费向DefinitelyTyped项目提交PR，为mapbox-gl的v2.9添加类型。

投影的类型应为ProjectionSpecification对象，而不是字符串。
请参考代码片段和this article。

const map = new mapboxgl.Map({
    style: {
        version: 8,
        name: 'My Projected Style',
        sources: {
            // ...
        },
        layers: [
            // ...
        ],
        projection: {
            name: 'equalEarth'
        }
    }
});

我就是这么做的
未知的投影

const mapContainer = useRef(null);
  const mapRef = useRef(null);
  const [lng, setLng] = useState(30);
  const [lat, setLat] = useState(50);
  const [zoom, setZoom] = useState(1.5);
  const [projection, setProjection] = useState("globe");

  useEffect(() => {
    if (mapRef.current) return; // initialize map only once
    const map: any = new mapboxgl.Map({
      container: mapContainer.current!,
      style: "mapbox://styles/mapbox/satellite-streets-v11",
      center: [lng, lat],
      zoom: zoom,
      projection: projection as unknown as Projection,
    });
    mapRef.current = map;
    map.on("load", function () {
      const setFog = () =>
        map.setFog({
          // range: [-1, 2],
          // "horizon-blend": 0.3,
          color: "gray",
          // "high-color": "#add8e6",
          // "space-color": "black",
          // "star-intensity": 10.0,
        });
      setFog();
    });