Npm 带有网页包的MapboxGL:“;ReferenceError:未定义“e”;(在vue cli应用程序中)
我正在使用Npm 带有网页包的MapboxGL:“;ReferenceError:未定义“e”;(在vue cli应用程序中),npm,webpack,vue.js,mapbox-gl-js,vue-cli,Npm,Webpack,Vue.js,Mapbox Gl Js,Vue Cli,我正在使用webpack模板开发一个vue cli 2.9.3应用程序。我有一个使用MapboxGL的组件,从“mapbox gl;”导入时使用import MapboxGL 使用npm-run-dev在dev中一切正常 我可以通过npm运行build来构建项目,而不会出现问题。但是,在使用MapboxGL导航到组件时,我在控制台上遇到以下错误: ReferenceError: e is not defined Firefox或Chrome的DevTools无法链接到sourcemap(.js
webpack
模板开发一个vue cli 2.9.3
应用程序。我有一个使用MapboxGL的组件,从“mapbox gl;”导入时使用import MapboxGL代码>
使用npm-run-dev
在dev中一切正常
我可以通过npm运行build
来构建项目,而不会出现问题。但是,在使用MapboxGL导航到组件时,我在控制台上遇到以下错误:
ReferenceError: e is not defined
Firefox或Chrome的DevTools无法链接到sourcemap(.js.map
)文件,因此错误消息没有多大帮助
我可以使用devtool:eval source map
而不是/config/index.js
中的devtool:source map
使捆绑包正常工作,但捆绑包大小变为>8Mb,这是不可接受的,也是不可接受的
我也尝试过不使用sourcemaps,但我得到了同样的神秘错误
如何在打包包中调试此错误?我希望至少能够看到错误来自何处。似乎这是MapboxGL和Webpack的一个错误
可以通过在/build/webpack.prod.conf.js
中添加以下内容来解决此问题:
module: {
...
noParse: /(mapbox-gl)\.js$/,
...
}