1

我正在尝试使用mapbox.gland构建 NextJS 应用程序deck.gl，它在我的本地服务器上运行良好，但是当我尝试发布应用程序 webpack时发生错误：

编译失败。./node_modules/@luma.gl/webgl/dist/es5/webgl-utils/webgl-types.js 未找到模块：无法解析“/Users/kingusha/Desktop/HTMLCSSJS/ReactApps/something/”中的“gl” node_modules/@luma.gl/webgl/dist/es5/webgl-utils'

我已经尝试gl使用和研究此事来安装模块npm，但没有找到任何解决方案。有谁知道如何解决这个问题？

4

1 回答 1

0

有两个潜在的问题可能会导致此问题：

  1. mapbox-gl没有正确安装，需要重新安装：

    npm i -S mapbox-gl

注意：我认为这不是您的问题，因为您可以在本地运行它，但为了完整起见，我将展示此步骤。

  1. webpack无法从其默认分辨率设置中正确解决mapbox-gl依赖关系。因此，mapbox-gl需要手动设置解析路径。

也许您可以尝试手动指定mapbox-gl解析路径并查看这是否有助于解决您的问题，类似于：

webpack.config.js

module.exports = {
  //...
  resolve: {
      "modules": ['node_modules', 'js'],
      "alias": {
          'mapbox-gl': path.resolve('./node_modules/mapbox-gl/dist/mapbox-gl.js')
       }
  }
};

这将允许webpack正确地将mapbox-gl依赖项添加到构建JavaScript期间创建的包中。webpack有关webpack解析的更多信息，请查看官方文档。

希望这会有所帮助！

于 2019-05-29T20:25:08.563 回答