Three.js: JSM / GLTFLoader: jsm का उपयोग कर वेबपैक त्रुटि

समस्या का विवरण

मैं बंडलर के रूप में वेबपैक के साथ एक कोणीय परियोजना में तीन.जेएस का उपयोग कर रहा हूं।
जब GLTF फ़ाइल को लोड करने का प्रयास किया जाता है, तो एक संदर्भ फ़ाइल फेंकी जाती है:

ERROR Error: Uncaught (in promise): ReferenceError: THREE is not defined ReferenceError: THREE is not defined at GLTFLoader.js:2715

कोड की इस पंक्ति का उल्लेख:

https://github.com/mrdoob/three.js/blob/1bb6d19805a30e6edb5650d40ab248a3f9cee1818/examples/jsm/loaders/GLTFLoader.js#L271515

मेरे टाइपस्क्रिप्ट कोड में, मैं लोडर को इस तरह आयात करता हूं:

import { GLTFLoader} from 'three/examples/jsm/loaders/GLTFLoader';

मुझे लगता है कि इसे ठीक करने का अनुमान है, या तो _BufferGeometryUtils_ को _three.module.js_ में निर्यात किया जाना है या कोड ब्लॉक को GLTFLoader के jsm संस्करण से हटाया जाना है, क्योंकि वैश्विक _THREE_ ऑब्जेक्ट परिभाषित नहीं है।

मैंने यह भी पाया कि _BufferGeometryUtils_ _modularize_ स्क्रिप्ट में एक अपवाद है:

https://github.com/mrdoob/three.js/blob/e88edaa2caea2b61c7ccfc00d1a4f8870399642a/utils/modularize.js#L15

तीन.जेएस संस्करण

• [] देव
• [x] r102
• [] ...

ब्राउज़र

• [x] उन सभी को
• [] क्रोम
• [] फ़ायरफ़ॉक्स
• [ ] इंटरनेट एक्स्प्लोरर

OS

• [x] उन सभी को
• [ ] खिड़कियाँ
• [ ] मैक ओ एस
• [] लिनक्स
• [ ] एंड्रॉयड
• [] आईओएस

हार्डवेयर आवश्यकताएँ (ग्राफिक्स कार्ड, वीआर डिवाइस, ...)