Encontramos la solución a este enigma, al menos eso pensamos. Si presentas inquietudes coméntalo, que con gusto te ayudaremos
Solución:
Debe incluir explícitamente OrbitControls en su aplicación.
Además, lea los comentarios en los tres.js OrbitControls ejemplo cuidadosamente para que entienda cuándo usar
controls.addEventListener( 'change', render ); // add this only if there is no animation loop (requestAnimationFrame)
y cuando usar
controls.update(); // required if controls.enableDamping = true, or if controls.autoRotate = true
http://tresjs.org/ejemplos/misc_controls_orbit.html
tres.js r.72
Tuve el mismo problema con un webpack construir de la three Biblioteca
var THREE = require('three')
THREE.OrbitControls === undefined // true
Solución, instale un control de órbita de terceros
npm install three-orbit-controls
detalles aquí: https://github.com/mattdesl/three-orbit-controls
luego cambie el fragmento de código anterior a
var THREE = require('three')
var OrbitControls = require('three-orbit-controls')(THREE)
OrbitControls === undefined // false
ok, no es el mejor ejemplo, pero cuando se aplica en lugar de THREE.OrbitControlsfunciona bien 😉
https://github.com/nicolaspanel/tres-orbitcontrols-ts:
npm install --save three-orbitcontrols-ts
import OrbitControls from 'three-orbitcontrols-ts'
orbitcontrols debe instalarse por separado en angular, este problema me molesta durante varios días.
Puedes añadir valor a nuestro contenido informacional participando con tu veteranía en las reseñas.