Document

# GLTFLoader not working with three.module.js **URL:** \ **Category:** Questions\ **Tags:** loaders\ **Created:** [November 16, 2020, 7:59pm UTC](https://discourse.threejs.org/t/gltfloader-not-working-with-three-module-js/20775 "2020-11-16T19:59:00Z")\ **Posts on this page:** 5\ **Page:** 1

**Author:** ![Atlas](https://avatars.discourse-cdn.com/v4/letter/a/0ea827/32.png) [@Atlas](https://discourse.threejs.org/u/Atlas)\ **Post date:** [November 16, 2020, 7:59pm UTC](https://discourse.threejs.org/t/gltfloader-not-working-with-three-module-js/20775/1 "2020-11-16T19:59:00Z")

I just started using three js and I was trying to switch to modules but the gltf loader doesn’t work. I even tried using examples I found on the main site but I can’t make them work. This is the code, very simple because I was trying to understand what didn’t work exactly, and it turns out it’s the loader section, everything else works if I comment it out ``` Document ``` The cube.glb object is literally the default Blender cube I exported after getting rid of the light and the camera. I also tried to take its geometry and paint it like the other cube, and also to change the background to white to make sure it wasn’t just blending in with the background, still nothing I managed to load models, merge them etc with three.js, that’s why I feel like it’s due to modules, unless I’m missing something ---

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\ **Post date:** [November 16, 2020, 8:21pm UTC](https://discourse.threejs.org/t/gltfloader-not-working-with-three-module-js/20775/2 "2020-11-16T20:21:48Z")

1. Make sure there are no errors in the console. 2. After adding the model to the scene (in `load` callback) do: ```javascript camera.lookAt(mesh.position); ``` 1. If still not visible, make sure the model is not too small / too big. You can try `mesh.add(new THREE.Mesh(new THREE.BoxBufferGeometry(1.0, 1.0, 1.0), new THREE.MeshNormalMaterial))` - if you can see the cube, but can’t see the model - scale is probably the issue. ---

**Author:** ![Atlas](https://avatars.discourse-cdn.com/v4/letter/a/0ea827/32.png) [@Atlas](https://discourse.threejs.org/u/Atlas)\ **Post date:** [November 16, 2020, 11:44pm UTC](https://discourse.threejs.org/t/gltfloader-not-working-with-three-module-js/20775/3 "2020-11-16T23:44:07Z")

I can’t load the same models I loaded in my three.js files, so I don’t think it’s a problem of the models themselves, I’ll check tomorrow ---

**Author:** ![vacsHoai](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/vacshoai/32/13764_2.png) [@vacsHoai](https://discourse.threejs.org/u/vacsHoai)\ **Post date:** [November 17, 2020, 1:24am UTC](https://discourse.threejs.org/t/gltfloader-not-working-with-three-module-js/20775/4 "2020-11-17T01:24:23Z")

> [@Atlas](#): > > ```javascript > const loader = new GLTFLoader(); > loader.load('./cube.glb', function ( gltf ) { > const mesh = scene.children[0]; > scene.add(mesh); > } ); > > ``` I think you should: const loader = new GLTFLoader(); loader.load(‘./cube.glb’, function ( gltf ) { scene.add(gltf.scene); // gltf.scene.scale.set(x, y, z); to set position // gltf.scene.position.set(x, y, z); to set sclale gltf.scene.traverse(function (child) { if (child.isMesh) { //do something with mesh. child.castShadow = true; } }); }); ---

**Author:** ![Atlas](https://avatars.discourse-cdn.com/v4/letter/a/0ea827/32.png) [@Atlas](https://discourse.threejs.org/u/Atlas)\ **Post date:** [November 17, 2020, 1:57pm UTC](https://discourse.threejs.org/t/gltfloader-not-working-with-three-module-js/20775/5 "2020-11-17T13:57:09Z")

Thanks, it was a silly mistake, I forgot gltf. before scene