Three.js: JSM / GLTFLoader : jsm을 사용하는 Webpack 오류

문제에 대한 설명

나는 번 들러로 webpack을 사용하는 Angular 프로젝트에서 three.js를 사용하고 있습니다.
GLTF 파일을로드하려고 할 때 ReferenceError가 발생합니다.

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/1bb6d19805a30e6edb5650d40ab248a3f9ce918e/examples/jsm/loaders/GLTFLoader.js#L2715

TypeScript 코드에서 다음과 같이 로더를 가져옵니다.

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

_BufferGeometryUtils_를 _three.module.js_로 내보내거나 전역 _THREE_ 개체가 정의되지 않았으므로 코드 블록을 GLTFLoader의 jsm 버전에서 제거해야합니다.

또한 _BufferGeometryUtils_가 _modularize_ 스크립트에서 예외라는 것을 발견했습니다.

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

Three.js 버전

• [] 개발자
• [x] r102
• [] ...

브라우저

• [x] 모두
• [] 크롬
• [] Firefox
• [ ] 인터넷 익스플로러

OS

• [x] 모두
• [] Windows
• [ ] 맥 OS
• [] Linux
• [] Android
• [] iOS

하드웨어 요구 사항 (그래픽 카드, VR 장치 등)