Hi, I’m new to three js and have been facing difficulties to make this work in reactjs. This is how I import the loader: import React from “react”; import * as THREE from “three”; import { GLTFLoader } from “three/examples/jsm/loaders/GLTFLoader.js”; But when I run my project, it keeps giving m…

Three shouldn’t be affected by the presence of react.js or any other library on the page since it’s safely namespaced. Which build tools are you usinig? edit Ahh i see, it’s next.js. Do you get any other errors?

No, just that. If I try to load from ‘examples/js/loaders/GLTFLoader’, I got THREE undefined, even though I imported threejs as THREE on the line above it. I tried importing other stuff from examples/jsm but they all ended up with the same syntax error. Maybe I’ll try without nextjs to see if it’s …

[image] trobadour: t nextjs to see if it’s causing the problem. [image] Can not load GLTFLoader in nextjs application! Questions I used this: import React, { Suspense, useEffect, useRef } from 'react' import { Canvas, useLoader, useThree } from 'react-three-fiber'…

Did you find the solution? I’m having the same issue with nextjs and the SVGLoader

I solve the problem moving the file .gltf to the public repo

HEllo , hai i tried this in react to load my gltf GLTFLoader.js:198 SyntaxError: Unexpected token ‘<’, "<!DOCTYPE "... is not valid JSON at JSON.parse () at GLTFLoader.parse (GLTFLoader.js:323:1) at Object.onLoad (GLTFLoader.js:218:1) at three.module.js:41311:1 getting the above error messa…

Import GLTFLoader in React: SyntaxError: Unexpected token

Questions

Olusola_Ajayi February 2, 2021, 6:11pm 4

Topic		Replies	Views
JSON (or GLTF) Loader for Three.js in React Questions loaders , react	13	12097	May 23, 2020
Can not load GLTFLoader in nextjs application! Questions gltf-loader , react	19	11564	April 14, 2025
Can't load a .glb file with GLTFLoader Questions gltf-loader , react-three-fiber	4	8044	August 2, 2024
Unexpected token ':' (at scene.gltf?import:2:14) Questions gltf-loader	6	1000	July 16, 2023
Gltf loader using threejs Questions gltf-loader , react	4	1515	May 12, 2020

Import GLTFLoader in React: SyntaxError: Unexpected token

Related topics