我们的应用程序是一个使用Webpack构建的React/Node应用程序,并在生产中呈现服务器端.在这个生产场景中,mapbox-gl包在服务器端加载时出现问题.我怀疑这与mapbbox-gl.js是一个已经浏览过的库的方式有关,并且与使用webpack构建的服务器端环境不兼容.下面是我第一次尝试加载页面时的相关错误,我们没有得到服务器端生成的任何组件的html(尽管一切都在浏览器客户端加载时有效).
mapbox-gl.js中相关的代码行在堆栈顶部生成错误,读取"module.exports = self;".
Node app is running on port 5000
ReferenceError: self is not defined
at Object.112 (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:225:29)
at s (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:1:602)
at eval (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:1:653)
at Object.110../window (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:221:25)
at s (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:1:602)
at eval (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:1:653)
at Object.24.../package.json (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:48:26)
at s (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:1:602)
at e (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:1:773)
at eval (webpack:///./~/mapbox-gl/dist/mapbox-gl.js?:1:791)
Run Code Online (Sandbox Code Playgroud)
希望有一些调整我可以添加到我们的webpack构建配置,以使这项工作.对不起,这里没有太多信息,我希望有人遇到过这个问题,可能会有一个简单的解决方法.
mapbox-gl-js ×1