小编Roy*_*yce的帖子

这是我的代码，结果是没有。

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

class MapExample1 extends Component {
    state = {
        viewport: {
            width: "100vw",
            height: "100vh",
            latitude: 42.430472,
            longitude: -123.334102,
            zoom: 16
        }
    };
    render() {
        console.log("Entering console.log in MapExample1.js ");
        return (
            <ReactMapBox
                {...this.state.viewport}
                onViewportChange={(viewport => this.setState(viewport))}
                mapboxApiAccessToken=
                 'pk.eyJ1Ijoicm95Y2VtYXJ0aW4iLCJhIjoiY2wzODk0bmp3MDc4YjNpbnphNzRzODR1YSJ9.peCCwkWoX_RHseUf2WI1Xw'
            />
        );
    }
}

export default MapExample1;

但在控制台检查中产生的错误是[错误：需要有效的地图框访问令牌才能使用地图框GL JS。]。