# Trying To Import glb File From Blender

**URL:** <https://discourse.threejs.org/t/trying-to-import-glb-file-from-blender/50826>\
**Category:** Questions\
**Tags:** modules\
**Created:** [April 25, 2023, 8:29pm UTC](https://discourse.threejs.org/t/trying-to-import-glb-file-from-blender/50826 "2023-04-25T20:29:14Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mickmedical](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mickmedical/32/35710_2.png) [@mickmedical](https://discourse.threejs.org/u/mickmedical)\
**Post date:** [April 25, 2023, 8:29pm UTC](https://discourse.threejs.org/t/trying-to-import-glb-file-from-blender/50826/1 "2023-04-25T20:29:14Z")

</div>

Hello! I am a beginner to say the least. I am trying to import some objects i created in Blender. I am 99% sure my path locations are correct. I keep getting this error using my local host;

caught TypeError: Failed to resolve module specifier “three”. Relative references must start with either “/”, “./”, or “…/”.

Here is my index.html code;

```javascript
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Three.js GLB Model</title>
    <style>
        body {
            margin: 0;
        }

        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <script type="module">
        import * as THREE from './three.module.js';
        import { GLTFLoader } from './GLTFLoader.js';

        const scene = new THREE.Scene();
        const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

        const renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);

        const light = new THREE.AmbientLight(0xffffff, 0.5);
        scene.add(light);

        const directionalLight = new THREE.DirectionalLight(0xffffff, 0.5);
        directionalLight.position.set(1, 1, 1);
        scene.add(directionalLight);

        camera.position.z = 5;

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

        function loadModel(modelPath) {
            const loader = new GLTFLoader();

            loader.load(modelPath, (gltf) => {
                const model = gltf.scene;

                model.position.set(0, 0, 0);
                model.scale.set(1, 1, 1);
                model.rotation.set(0, 0, 0);

                scene.add(model);
            });
        }

        loadModel('./Bolt Up Daily.glb');
        animate();
    </script>
</body>
</html>

```

---

<div class="post-metadata">

**Author:** ![donmccurdy](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/donmccurdy/32/33209_2.png) [@donmccurdy](https://discourse.threejs.org/u/donmccurdy)\
**Post date:** [April 25, 2023, 8:53pm UTC](https://discourse.threejs.org/t/trying-to-import-glb-file-from-blender/50826/2 "2023-04-25T20:53:27Z")

</div>

Please see the installation guide, and the “Import from CDN” subsection:

[https://threejs.org/docs/#manual/en/introduction/Installation](https://threejs.org/docs/#manual/en/introduction/Installation)

You don’t need to use a CDN, but you will still need import maps.
