Webpack 构建错误 - 意外的令牌:名称(OrbitControls)

Webpack build error - Unexpected token: name (OrbitControls)

我在使用 ‘source-map’ devtool 构建用于生产的 webpack 时出现以下错误:

ERROR in bundle.js from UglifyJs
Unexpected token: name (OrbitControls) [./node_modules/orbit-controls-es6/src/index.js:33,0][bundle.js:57444,6]

使用 'cheap-module-eval-source-map' webpack devtool 进行开发时构建工作正常。

Uglify 似乎有问题的模块是用于 Three.js 相机控制的 orbit-controls-es6 模块,指向主要的 class 声明:

export default class OrbitControls extends EventDispatcher {…

有人可以向我解释为什么会发生这种情况吗?我不确定这是模块问题还是我自己的代码库问题。

你碰巧有循环依赖吗?

我也使用 npm 中的这个版本并且与 webpack 一起工作得很好

https://www.npmjs.com/package/three-orbitcontrols

从 'three-orbitcontrols'

导入 OrbitControls