GLTFL in nuxtjs

Questions
1

Hi im trying to load a 3d model from blender with gltf but i get this error

     cojitambo.vue?f87e:55 SyntaxError: Unexpected token < in JSON at position 0
        at JSON.parse (<anonymous>)
        at GLTFLoader.parse (GLTFLoader.js?34ad:281)
        at Object.eval [as onLoad] (GLTFLoader.js?34ad:174)
        at XMLHttpRequest.eval (three.module.js?5a89:36749)

all this im trying to build with nuxt js any idea how to fix this ?
here is the code if needed

2

Did you check the Network panel in devtools to see if the model is fetched correctly?

3

i get 304 Not Modified

  1. Request URL:

http://localhost:3000/cojitambo.gltf

  1. Request Method:

GET

  1. Status Code:

304 Not Modified

  1. Remote Address:

127.0.0.1:3000

  1. Referrer Policy:

strict-origin-when-cross-origin

4

Yes - but in the response to that request, you can see the model (JSON) or an error page (HTML / XML) ?

5

nuxt gives me the
This page could not be found but i can see the file on Vscode as json
according to nuxt i should put the model in the static page right ?

6

That’s a question for nuxt docs or community - from three’s side, the error you shared in the first post in most cases means that the model request returns an error (ie. XML error page.)

7

Ok so the model file works on blender and the only error i get is
SyntaxError: Unexpected token < in JSON at position 0
at JSON.parse ()
at GLTFLoader.parse (GLTFLoader.js?34ad:281)
at Object.eval [as onLoad] (GLTFLoader.js?34ad:174)
at XMLHttpRequest.eval (three.module.js?5a89:36749)
checking the network it says

  1. Request URL:

http://localhost:46709/cojitambo.gltf

  1. Request Method:

GET

  1. Status Code:

200 OK

  1. Remote Address:

127.0.0.1:46709
but i can look at the json file when i try to get access to http://localhost:46709/cojitambo.gltf