# There are no errors in my script, but I can't see the model

**URL:** <https://discourse.threejs.org/t/there-are-no-errors-in-my-script-but-i-cant-see-the-model/27681>\
**Category:** Questions\
**Tags:** getting-started\
**Created:** [June 30, 2021, 5:56pm UTC](https://discourse.threejs.org/t/there-are-no-errors-in-my-script-but-i-cant-see-the-model/27681 "2021-06-30T17:56:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Malacai\_Hiebert](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/malacai_hiebert/32/19252_2.png) [@Malacai\_Hiebert](https://discourse.threejs.org/u/Malacai_Hiebert)\
**Post date:** [June 30, 2021, 5:56pm UTC](https://discourse.threejs.org/t/there-are-no-errors-in-my-script-but-i-cant-see-the-model/27681/1 "2021-06-30T17:56:29Z")

</div>

Here is my code:

```javascript
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Violin</title>
  </head>
  <body>
    <script src="js/three.js"></script>
    <script type="module" src="js/GLTFLoader.js"></script>
    <script type="module">
      import { GLTFLoader } from "./js/GLTFLoader.js";

      const scene = new THREE.Scene();
      const camera = new THREE.PerspectiveCamera(
        75,
        window.innerWidth / window.innerHeight,
        0.01,
        1000
      );
      const renderer = new THREE.WebGLRenderer();
      renderer.setSize(window.innerWidth / window.innerHeight);
      document.body.appendChild(renderer.domElement);

      const loader = new GLTFLoader();

      let obj;
      loader.load("./includes/violin.glb", function (gltf) {
        obj = gltf.scene;
        scene.add(gltf.scene);
      });

      scene.background = new THREE.Color(0xffffff);

      const light = new THREE.HemisphereLight(0xffffff, 0x000000, 2);
      scene.add(light);

      camera.position.set(0, 0, 10);

      function animate() {
        requestAnimationFrame(animate);
        renderer.render(scene, camera);
      }

      animate();
    </script>
  </body>
</html>

```

Any idea why?

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [June 30, 2021, 6:07pm UTC](https://discourse.threejs.org/t/there-are-no-errors-in-my-script-but-i-cant-see-the-model/27681/2 "2021-06-30T18:07:46Z")

</div>

Why twice?

```javascript
<script type="module" src="js/GLTFLoader.js"></script>
    <script type="module">
      import { GLTFLoader } from "./js/GLTFLoader.js";

```

see [BeginnerExample](https://hofk.de/main/discourse.threejs/BeginnerExample/BeginnerExample.html)  
// … step 03: load 3D models - gltf

from [Collection of examples from discourse.threejs.org](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315)

---

<div class="post-metadata">

**Author:** ![marquizzo](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/marquizzo/32/25192_2.png) [@marquizzo](https://discourse.threejs.org/u/marquizzo)\
**Post date:** [June 30, 2021, 6:33pm UTC](https://discourse.threejs.org/t/there-are-no-errors-in-my-script-but-i-cant-see-the-model/27681/3 "2021-06-30T18:33:33Z")

</div>

Could be a number of reasons:

1. Your violin model is too big and it surrounds the camera, or too small and the camera is rendering it as a tiny dot.
2. The model is displaced in one direction (Maybe it’s centered around `[0, 50, 0]` instead of `[0, 0, 0]`), and it’s outside the camera’s view.
3. Your `.glb` file is in a different folder, or the relative address you’re requesting is incorrect (is anything being loaded in your network tab?).
4. As Hofk said, you’re importing `GLTFLoader.js` twice. Might be breaking your loader.
