JSM / GLTFLoader: Webpack error using jsm

[hevali]

Description of the problem

I´m using three.js in an Angular project with webpack as bundler.
When trying to load a GLTF file a ReferenceError is thrown:

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

Referring to this line of code:

three.js/examples/jsm/loaders/GLTFLoader.js

Line 2715 in 1bb6d19

} else if ( geometries.length > 1 && THREE.BufferGeometryUtils !== undefined ) {

In my TypeScript code, I import the loader this way:

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

I guess to fix this, either BufferGeometryUtils hast to be exported in three.module.js or the code block has to be removed from the jsm version of GLTFLoader, as the global THREE object is not defined.

I also found that BufferGeometryUtils is an exception in the modularize script:

three.js/utils/modularize.js

Line 15 in e88edaa

{ path: 'loaders/GLTFLoader.js', ignoreList: [ 'NoSide', 'Matrix2', 'DDSLoader', 'DRACOLoader', 'BufferGeometryUtils' ] },

Three.js version

• Dev
• [x ] r102
• ...

Browser

• All of them
• Chrome
• Firefox
• Internet Explorer

OS

• All of them
• Windows
• macOS
• Linux
• Android
• iOS

Hardware Requirements (graphics card, VR Device, ...)

[donmccurdy]

Unfortunately the examples/jsm modules aren't fully functional yet sorry. Still working on this.

[Mugen87]

An other user reported the same problem here:

https://discourse.threejs.org/t/importing-three-r102-examples-jsm-gltfloader-into-angular-7-project/6484

Merging #15582 should solve this issue, right?

[hevali]

I´ve tryed the updated GLTFLoader in dev branch and it´s working fine, waiting for the release.
Thanks for the fix!

For anyone that needs an urgent fix, use the 'three-gltf-loader' npm package:

import GLTFLoader from 'three-gltf-loader';