如何使用Web包导入mapbox gl绘图？

我正在使用CreateReact应用程序并尝试安装mapbox gl draw

npm install @mapbox/mapbox-gl-draw

这适用于一些npm警告。然后，我尝试将mapbox gl draw拉入如下组件：

import React,{Component} from 'react';
import mapboxgl from 'mapbox-gl/dist/mapbox-gl.js';
import ReactMapboxGl from 'react-mapbox-gl';
import MapboxDraw from '@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw'

console.log(MapboxDraw)

我只得到一个空的物体

我正在使用CreateReact应用程序。我是否需要使用不同的webpack.config文件

---

像这样导入mapbox模块的最佳方法是什么？

如果您使用的是webpack，则需要使用alias才能使用mapbox gl dist文件，以下是我使用webpack2的方法：

    resolve: {
      modules: ['src', 'node_modules'],
      extensions: ['.js', '.jsx', '.json', '.css', '.svg'],
      alias: {
        // mapbox-gl related packages in webpack should use dist instead of the default src
        '@mapbox/mapbox-gl-draw': path.resolve(root, 'node_modules/@mapbox/mapbox-gl-draw/dist/mapbox-gl-draw.js'),
      },
    },

文件前面定义了变量“root”，以引用项目的根目录，其级别与package.json等相同

同样的问题也可能发生在react map gl alt中，您需要将“mapbox”别名为“node_modules/mapbox/dist/distfilehere.js”。

要在您的package.json中扩展您的答案，您需要添加mapbox gl v0.270-v0.38.0，如：

---

“mapbox gl”：“>=0.27.0您好，我想使用mapbox gl draw，但对于我的Angular 2/4应用程序，编辑my package.json以正确使用模块的最佳方式是什么？