Good evening, I am trying to use model-viewer in order to show the file “Astronaut.glb”. This is my Polymer Element:
import {PolymerElement} from '@polymer/polymer/polymer-element.js';
import {html} from '@polymer/polymer/lib/utils/html-tag.js';
import '@google/model-viewer';
class ModelViewer extends PolymerElement {
static get template() {
return html`
<h2>test</h2>
<model-viewer src="Astronaut.glb" alt="A 3D model of an emoji" camera-controls auto-rotate></model-viewer>
`;
}
}
customElements.define('model-view', ModelViewer);
However, no matter what I do all I get is a 404 (Not Found) error in google chrome. I have tried this on other projects aswell yet no matter how I try to reference the file i.e. ./src/Astronaut.glb or frontend/src/Astronaut.glb nothing seems to connect to the reference. Has anyone else experienced something like this?