Three.js -> FileLoader (scope.manager) pas constructeur

Question

Cela peut sembler être une question dupliquée, car il est très similaire à this one ou beaucoup d'autres, mais aucun des articles que j'ai vus ne m'a vraiment aidé à comprendre où le problème est (bien sûr, c'est moi;) ...), donc j'ose le poster ici, car ça me rend vraiment fou. Eh bien, je travaille sur un projet en Angular2 généré avec Angular CLI (pas de tâche backend ou de trafic, juste des fichiers HTML + CSS + JS pour le moment ... tous à jour et plus récents). J'ai importé Three.js et trois obj chargeur par NPM et déclaré dans mon élément comme celui-ci:

import * as THREE from 'three'; 
declare var require: any; 
const OBJLoader = require('three-obj-loader')(THREE); 

Je peux dessiner toutes les formes, l'utilisation des lumières et des ombres, mais ne peut pas charger maille à partir du fichier obj externe . J'ai essayé beaucoup de variations qui ressemble à ceci:

const manager = new THREE.LoadingManager(); 
    const loader = new THREE.OBJLoader(manager); 
    loader.load('./working/path/to/file.obj', function (object) { 

     object.position.x = 0; 
     object.position.y = 0; 
     object.scale.x = 10; 
     object.scale.y = 10; 
     object.scale.z = 10; 
     const texture = THREE.TextureLoader('./working/path/to/file.jpg'); 
     const material = new THREE.MeshLambertMaterial({ map: texture }); 
     const mesh = new THREE.Mesh(object, material); 
     scene.add(mesh); 
    }); 

Je ne sais pas pourquoi, mais lorsque je tente de obj charger à partir du fichier, je reçois une erreur de la console:

TypeError: undefined is not a constructor (evaluating 'new THREE.FileLoader(scope.manager)') 

et la toile est erronée.Le erreur se réfère à la ligne 49 du module "three-obj-loader" que j'ai installé from here. La partie de ce code tiers mentionné est:

THREE.OBJLoader.prototype = { 

constructor: THREE.OBJLoader, 

load: function load(url, onLoad, onProgress, onError) { 

    var scope = this; 

    var loader = new THREE.FileLoader(scope.manager); 
    loader.setPath(this.path); 
    loader.load(url, function (text) { 

    onLoad(scope.parse(text)); 
    }, onProgress, onError); 
}, 

Je ne sais pas si elle pourrait être liée, mais je ne pas installé ou déclaré des types spéciaux pour ces modules, en utilisant uniquement les fichiers source JS plaine. De plus, je n'ai installé aucun chargeur de fichiers.

REMARQUE: J'ai essayé d'implémenter OBJLoader2 à partir de here mais j'ai obtenu le même résultat.

Nous vous remercions de vos conseils.

Meilleur k

Answer 1

OK! Merci à @ TheJimO1 et son commentaire, j'ai été en mesure de résoudre le problème. J'ai tiré un NPM package by JordanDelcros différent qui sert différents fichiers que le paquet de MrDoob j'utilisais déjà ... alors je l'importaient dans mon élément comme celui-ci:

declare var require: any; 
const OBJLoader = require('three-js/addons/OBJLoader'); 
const THREE = require('three-js')([OBJLoader]); 

charges OBJloader de fichier externe sans problème maintenant.

MISE À JOUR: Encore une fois, merci à @ TheJimO1, j'ai pu faire ce travail d'une manière différente avec cette dernière version more official package soutien de Three.js et de travailler avec trois obj-chargeur. Je viens de l'importation est la suivante:

declare var require: any; 
const THREE = require('three'); 
const OBJLoader = require('three-obj-loader')(THREE); 

Eh bien cela signifie qu'il ya au moins deux solutions de travail différentes:

[A] utiliser paquet unique NPM mentionné précédemment par JordanDelcros qui soutient R77 avec tous les addons inclus;

[B] utiliser plus de trois paquet officiel mentionné ci-dessus en combinaison avec trois obj-chargeur (mentionné à la question d'origine) les paquets qui prennent en charge R85