ThreeJS-未捕获类型错误:b[c].调用不是函数-Orbit Controls

Question

所以我正在做一个three.js项目。我的轨道控制装置工作了。它们功能正常，但对于我用鼠标移动的每一个像素，我都会得到以下错误：

Uncaught TypeError: b[c].call is not a function
at THREE.OrbitControls.dispatchEvent (three.min.js:343)
at THREE.OrbitControls.update (OrbitControls.js:230)
at handleMouseMoveRotate (OrbitControls.js:493)
at HTMLDocument.onMouseMove (OrbitControls.js:901)

这是我的代码：

function initial() {
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight, 45, 30000);
camera.position.set(-100, 0, -1200);
renderer = new THREE.WebGLRenderer({
antialias: true
});
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
let controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.addEventListener('change', renderer);
controls.minDistance = 500;
controls.maxDistance = 1500;
controls.dampingFactor = 0.25; // friction
controls.rotateSpeed = 0.5; // mouse sensitivity
let materialArray = [];
let texture_ft = new THREE.TextureLoader().load('./assets/px.jpg');
let texture_bk = new THREE.TextureLoader().load('./assets/nx.jpg');
let texture_up = new THREE.TextureLoader().load('./assets/py.jpg');
let texture_dn = new THREE.TextureLoader().load('./assets/ny.jpg');
let texture_rt = new THREE.TextureLoader().load('./assets/pz.jpg');
let texture_lf = new THREE.TextureLoader().load('./assets/nz.jpg');
materialArray.push(new THREE.MeshBasicMaterial({
map: texture_ft
}));
materialArray.push(new THREE.MeshBasicMaterial({
map: texture_bk
}));
materialArray.push(new THREE.MeshBasicMaterial({
map: texture_up
}));
materialArray.push(new THREE.MeshBasicMaterial({
map: texture_dn
}));
materialArray.push(new THREE.MeshBasicMaterial({
map: texture_rt
}));
materialArray.push(new THREE.MeshBasicMaterial({
map: texture_lf
}));
for (let i = 0; i < 6; i++)
materialArray[i].side = THREE.BackSide;
let skyboxGeo = new THREE.BoxGeometry(10000, 10000, 10000);
let skybox = new THREE.Mesh(skyboxGeo, materialArray);
scene.add(skybox);
animate();
}

function animate() {
renderer.render(scene,camera);
requestAnimationFrame(animate);
}
initial();

我已经在谷歌上搜索了这个错误，但找不到解决方案。有人知道怎么解决这个问题吗？

Answer 1

您不需要controls.addEventListener('change', renderer);，可以使用controls.update((.

同样的错误也出现在我身上，但当我停止使用three.min.js代替three.js时，它就解决了。