I am getting error while using GLTFLoader in my vue.js app. Uncaught TypeError: three_build_three_module_js__WEBPACK_IMPORTED_MODULE_4__.GLTFLoader is not a constructor Steps to reproduce: npm install three@0.130.1 import * as THREE from “three/build/three.module.js” use new THREE.GLTFLoader(); …

GLTFLoader is a separate module and no part of three.module.js. Try to import it like so: import * as THREE from 'three'; import { GLTFLoader} from 'three/examples/jsm/loaders/GLTFLoader.js'; And then create the loader instance like so: const loader = new GLTFLoader();

Getting error while using GLTFLoader

Questions

hofk July 10, 2021, 12:15pm 3

Here you can find simple examples

From the Collection of examples from discourse.threejs.org

BeginnerExample
// … step 03: load 3D models - gltf

Topic		Replies	Views
Loading GLTF models in Nuxt.js / Vue.js Questions modules , gltf-loader	19	8047	May 4, 2021
Import model - error GLTFLoader Questions javascript , gltf-format	5	3870	June 23, 2020
GLTFLoader is not a constructor Questions modules	8	771	July 20, 2023
Unable to load 'GLTFLoader.js' Questions gltf-loader	17	8617	April 20, 2020
GLTFLoader not working Questions modules	4	2466	October 18, 2020

Getting error while using GLTFLoader

Related Topics