# Not able to see my mesh on the canvas

**URL:** <https://discourse.threejs.org/t/not-able-to-see-my-mesh-on-the-canvas/64587>\
**Category:** Questions\
**Tags:** gui, mesh, editor, materials, geometry\
**Created:** [April 25, 2024, 7:13am UTC](https://discourse.threejs.org/t/not-able-to-see-my-mesh-on-the-canvas/64587 "2024-04-25T07:13:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thecoder](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/thecoder/32/46659_2.png) [@Thecoder](https://discourse.threejs.org/u/Thecoder)\
**Post date:** [April 25, 2024, 7:13am UTC](https://discourse.threejs.org/t/not-able-to-see-my-mesh-on-the-canvas/64587/1 "2024-04-25T07:13:58Z")

</div>

I am trying to do this example [three.js examples](https://threejs.org/examples/?q=splines#webgl_geometry_extrude_splines)  
here’s the index.html file and the thing is i am not able to see the mesh on the canvas

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/4/e/4ed22c2a7179790ecaee5088b65f746217cf6068.png)  
the app.json i copied when i published a sample project, So because of that below when scrolling i can see the black area  
 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/e/2/e26a7177f253f27cd072673ee8eda81406453fb1.png)

[index.zip](https://discourse.threejs.org/uploads/short-url/1dx1pEaCmKSYEJFeMElMpNSLnTd.zip) (2.6 KB)

---

<div class="post-metadata">

**Author:** ![PavelBoytchev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pavelboytchev/32/38639_2.png) [@PavelBoytchev](https://discourse.threejs.org/u/PavelBoytchev)\
**Post date:** [April 28, 2024, 4:39pm UTC](https://discourse.threejs.org/t/not-able-to-see-my-mesh-on-the-canvas/64587/2 "2024-04-28T16:39:23Z")

</div>

The `index.html` file that you posted uses other files, that are missing (like `app.js`, `frontend.js`). When I remove them and fix the importmap, the rest runs, but there is still no mesh. By adding just one line the mesh is shown.

Here is a part of the original code, it contained no rendering, so I just added it:

```javascript
function animate() {
    requestAnimationFrame( animate );
    renderer.render(scene,camera); // added this line
    stats.update();
}

```

The result is:

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/2/c/2ccc33737af428ddbf3a4e9e23cca529a854c6ee.png)

---

<div class="post-metadata">

**Author:** ![Thecoder](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/thecoder/32/46659_2.png) [@Thecoder](https://discourse.threejs.org/u/Thecoder)\
**Post date:** [April 30, 2024, 5:51am UTC](https://discourse.threejs.org/t/not-able-to-see-my-mesh-on-the-canvas/64587/3 "2024-04-30T05:51:52Z")

</div>

Thanks for the help, will see why frontend and app files are causing error