Mapbox gl 返回“找不到图块”

Question

我正在尝试将光栅图块集添加到我的地图中，但它返回“未找到图块”，尽管此图块集已上传到 mapbox studio 并且它是有效的，因为我可以在工作室样式中看到它。

这是我的代码

const TiffView1 = ({ previewFile }) => {
  const mapContainerRef = useRef(null);
 useEffect(() => {
const map = new mapboxgl.Map({
      container: mapContainerRef.current,
      style: "mapbox://styles/globhe/clh089wmj00il01qu1ojx32ic",
      // center: [57.367, 12.405],
      // zoom: 1,
    });
    map.on("load", () => {
      map.addSource("tiff-source", {
        type: "raster",
        tiles: [
          "https://api.mapbox.com/v4/globhe.8qs6d7cc/{z}/{x}/{y}.png?access_token=" +
            mapboxgl.accessToken,
        ],
        tileSize: 256,
      });

      map.addLayer({
        id: "raster-tileset-layer",
        type: "raster",
        source: "tiff-source",
        paint: {
          "raster-opacity": 0.5,
        },
      });
    });
    map.on("load", function () {
      map.resize();
    });

    // Add navigation control (the +/- zoom buttons)
    map.addControl(new mapboxgl.NavigationControl(), "top-right");

    // Clean up on unmount
    return () => map.remove();
  }, []);
  return <div style={styles.mapContainer} ref={mapContainerRef} />;
};

它给了我这个错误：

我哪里出错了，或者我遗漏了什么？