小编Mar*_*avi的帖子

嗨，我正在本教程中尝试在 React 中使用 mapbox-gl 。我收到此错误： 意外的“！” 在 'worker-loader!mapbox-gl/dist/mapbox-gl-csp-worker' 中 导入“worker-loader！mapbox-gl/dist/mapbox-gl-csp-worker”

这是我的重要代码：

地图.js

import React from 'react'
import mapboxgl from 'mapbox-gl/dist/mapbox-gl-csp';
import MapboxWorker from 'worker-loader!mapbox-gl/dist/mapbox-gl-csp-worker';

mapboxgl.workerClass = MapboxWorker;
mapboxgl.accessToken = " the token ";

export default class Map extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            lng: -70.9,
            lat: 42.35,
            zoom: 9
        };
        this.mapContainer = React.createRef();
    }
    componentDidMount() {
        const { lng, lat, zoom } = this.state;
        const map = new mapboxgl.Map({
            container: this.mapContainer.current,
            style: 'mapbox://styles/mapbox/streets-v11',
            center: [lng, …