Skip to main content

why is the 3D model not rendering on my webpage?

I used chatgpt to generate the code for three js I also did 'npm install three' still the 3D model is not rendering

my code 1

my code 2

i want my 3d model to render on my page.js , located in the app folder directly i think the code inside ModelViewer.js

import { GLTFLoader } from 'three/addons/loaders/GLTFLoader';

is somehow wrong because when I write three/, it shows me src, build and examples folders, there is no such thing as addons when I am writing import { GLTFLoader } from 'three', it is telling me (loader is not a constructor)(line 27 in ModelViewer.js)

what do I do?

Via Active questions tagged javascript - Stack Overflow https://ift.tt/uRgO1As

Comments