反应MapboxGeocoder没有定义no-undef

Question

一切都很好，但突然间我得到了这个错误。我用google搜索了很多次但没有解决方法。请问有人帮帮我吗？

我使用的代码

import React, { Component } from 'react';
import MapboxGl from 'mapbox-gl/dist/mapbox-gl';
import '../App.css';

class MapContent extends Component {

    componentDidMount() {
        MapboxGl.accessToken = ACCESS_TOKEN;

        var map = new MapboxGl.Map({
            container: this.Mapcontainer,
            style: 'mapbox://styles/mapbox/streets-v9',
            center: [-74.50, 40], // starting position
            zoom: 9 // starting zoom
        });

        var geocoder = new MapboxGeocoder({
            accessToken: MapboxGl.accessToken
        });

        map.addControl(geocoder);
    }

    render() {
        return (
            <div className='MapContent' ref={(x) => { this.Mapcontainer = x }}>
            </div>
        )
    }
}

export default MapContent;

Answer 1

得到了答案。我必须安装'@mapbox/mapbox-gl-geocoder'。只需输入

即可

  

npm install @ mapbox / mapbox-gl-geocoder --save

MapboxGeocoder可以很好地工作。