Question

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

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

我尝试使用gl安装npm模块并对此进行了研究，但没有找到任何解决方案。有谁知道如何解决这个问题？

Answer 1

我想到了可能导致此问题的两个潜在问题：

mapbox-gl未正确安装，需要重新安装：

npm i -S mapbox-gl

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

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解决的更多信息，请查看官方的documentation.

希望有帮助！

下一个构建由于webpack gl错误而失败

1 个答案: