react 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'をインストールする必要があります。ただ、

mapbox/mapbox-GL-ジオコーダ@ NPMをインストール--save

を入力MapboxGeocoderは、うまく動作します。