a-collada-model - model does not appear

[anton6]

I'm trying to run the "Anime UI" example from aframe on aframe-react, but I'm unable to load engine.dae. It just does not appear.

My Scene contains the following code:

<a-assets>
  <a-asset-item id="engine" src="models/engine.dae" />
</a-assets>

<Entity primitive="a-entity" position="1.75 0 1.2" rotation="0 28 0">
  <Entity primitive="a-camera" near="0.1" user-height="0" />
</Entity>

<Entity primitive="a-entity" position="0 0 -3">
  <Entity primitive="a-collada-model" src="#engine" rotation="90 0 0" scale="18 18 18" />
</Entity>

Can anyone please tell me what I'm doing wrong and why the model is not appearing.

Thanks!

[ngokevin]

Does <Entity collada-model={{src: '#engine'}} rotation="90 0 0" scale="18 18 18"/> work?

[anton6]

Sorry still did not work.

This is my project structure right now:

This is what a-collada-model looks like when I inspect it:

And when I run the example on aframe I get this:

[ngokevin]

Does the model load OK in Network Inspector? 200, 404? Errors?

[anton6]

Yes the model seems to load OK, 200.

Although, the model appears to load twice for some reason.

This is the log and network tab when page loads:

[ngokevin]

Hmm, can you inspect what the engine.dae response is? That nodes parse error seems to be it, makes it sound like it got something weird in return,

[anton6]

Yes, I think you are absolutely correct. The response does not look right.

This is the response:

Any idea why this might be?

[ngokevin]

Hm, maybe something to do with the dev server? If you open the file, it looks correct, right?

[anton6]

Ye, the file looks okay and comes up as expected in the preview window. I copied it over directly from the aframe example.

By the way I'm using the aframe-react-boilerplate for this. I simply did npm i and then npm start.

Did I have to configure anything else in the boilerplate for this example to work?

[ngokevin]

Try moving the model folder relative to the index.html file?

[anton6]

Thanks for pointing me in the right direction. Turns out I just had to put the models folder into public folder.

[Ethan-liao]

This post just save me. Had the same issue.