Javascript Mapbox搜索位置显示错误-TypeError:t.getCanvasContainer在控制台中不起作用

我正在使用地图框搜索地点，在搜索区域输入城市名称、国家/地区时，它在控制台中抛出以下错误：

TypeError:t.getCanvasContainer不是o.addTo（marker.js:226）的函数）

有人能在这里告诉我错误的原因吗

//以下是我的代码：

var map = L.mapbox.map('map')
    .setView([37.9, -77], 6)
    .addLayer(L.mapbox.styleLayer('mapbox://styles/mapbox/streets-v11'));

mapboxgl.accessToken = '<my-token-details>';
var geocoder = new MapboxGeocoder({
accessToken: mapboxgl.accessToken,
mapboxgl: mapboxgl
});

document.getElementById('geocoder').appendChild(geocoder.onAdd(map));

var-map=L.mapbox.map（'map'））
.setView（[37.9，-77]，6）
.addLayer（L.mapbox.styleLayer（'mapbox://styles/mapbox/streets-v11'));
mapboxgl.accessToken=''；
var geocoder=新MapboxGeocoder({
accessToken:mapboxgl.accessToken，
mapboxgl:mapboxgl
});
document.getElementById（'geocoder'）.appendChild（geocoder.onAdd（map））；

//添加了html标记：

<div id="geocoder" class="geocoder"></div>

//指向以下库：

 <script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.6.0/mapbox-gl.js"></script>
    <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.6.0/mapbox-gl.css" rel="stylesheet" />

//错误详细信息：

未捕获的TypeError:t.getCanvasContainer不是函数 在o.addTo（marker.js:226） 在r.(U handleMarker)(mapbox gl geocoder.min.js:1) 更改时（mapbox gl geocoder.min.js:1） o.value（mapbox gl geocoder.min.js:2）

---

在r.handleMouseUp（mapbox gl geocoder.min.js:2）

您好，您的代码看起来不错，您使用较低的版本尝试使用较高的版本好的，让我试一下，但不起作用，我已经尝试了这些URL

地图正在加载，4个标记正在显示，这很好，但是

搜索输入

查找丢失的位置并抛出“未捕获引用错误：mapboxgl未在（索引）：394处定义”确定检查对象数组