THREE.Object3D.add: Objekt keine Instanz von THREE.Object3D. Auf den erforderlichen Modulen

Question

gibt es ein bekanntes Problem mit einem Object3D ??? Sehen Sie den folgenden Code

das funktioniert

... 
// THREE is imported globally somewhere else 

var material = new THREE.MeshBasicMaterial({color: 0xff0000, wireframe: true}); 
var mesh = new THREE.Mesh(new THREE.BoxGeometry(200, 200, 200), material); 

console.dir(mesh) // -> THREE.Mesh 

scene.add(mesh); 

... 

dies nicht funktioniert

Character.ts

export class Character { 

    create() { 

     var material = new THREE.MeshBasicMaterial({color: 0xff0000, wireframe: true}); 
     return new THREE.Mesh(new THREE.BoxGeometry(200, 200, 200), material); 

    } 

} 

app.ts

import {Character} from "./Character.js; 

var mesh = (new Character).create(); 

console.dir(mesh) // -> THREE.Mesh 

scene.add(mesh); 

Fehler

app.js: 8861 THREE.Object3D.add: Objekt keine Instanz von THREE.Object3D.

im browserify

Three.js Version R78

mit

Answer 1

ich das lief in nur - mein Problem war, dass ich three.js zweimal in meinem Projekt einschließlich wurde. Ich habe es selbst hinzugefügt, und ich benutzte auch eine Bibliothek, die three.js enthielt. Dies führt zu einigen Fehlern, da Objektkonstruktoren überschrieben werden, und ich denke, das hat meinen Fehler verursacht. Betrachten Sie das folgende Beispiel (diesen Code geklaut von here):

window.MyObject = function() {}; 
var v1 = new window.MyObject(); 
console.log('first object instanceof:', v1 instanceof window.MyObject); // true 

window.MyObject = function() {}; 
var v2 = new window.MyObject(); 
console.log('second object instanceof:', v2 instanceof window.MyObject); // true 
console.log('first object instanceof:', v1 instanceof window.MyObject); // false!