Çözüldü Threejs'i JS dosyasına bağlama hatası

AltMod · 15 Ocak 2024

.glb dosyalarını threejs kullanarak web sitesine bağlamak istiyorum onun için threejs'in içindeki "GLTFLoader.js" modülünü kullanacağım fakat js dosyasının içine şu kodu yazarak çalıştırmaya çalıştığımda:

import * as THREE from './three.js-master/build/three.module.js'
import {GLTFLoader} from './three.js-master/examples/jsm/loaders/GLTFLoader.js'

Chrome içindeki consol'dan şu şekilde bir hata alıyorum:

Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".

Dosyaların yerleri ve js kodunun fotoğrafı aşağıdaki fotoğraflarda mevcut.

@Vavien. Hocam mühendissin sanırım rica etsem yardımcı olabilir misin?

Vavien. · 16 Ocak 2024

JS bilgim pek yok. Hatanın ekran görüntüsünü paylaşın. Tüm DevTools penceresinin ekran görüntüsünü.

Yine de biraz Google ile HTML dosyanızda JS dosyanızı eklediğiniz script tag'inden önce şöyle bi şey koymanız çözüm olabilir gibi duruyor. Hatta direkt head içine koyun.

HTML:

<script type="importmap">
    {
        "imports": {
            "three": "./three.js-master/build/three.module.js"
        }
    }
</script>

Vavien. · 16 Ocak 2024

JS bilgim pek yok. Hatanın ekran görüntüsünü paylaşın. Tüm DevTools penceresinin ekran görüntüsünü.

Yine de biraz Google ile HTML dosyanızda JS dosyanızı eklediğiniz script tag'inden önce şöyle bi şey koymanız çözüm olabilir gibi duruyor. Hatta direkt head içine koyun.

HTML:

<script type="importmap">
    {
        "imports": {
            "three": "./three.js-master/build/three.module.js"
        }
    }
</script>

AltMod · 16 Ocak 2024

Vavien. dedi:
JS bilgim pek yok. Hatanın ekran görüntüsünü paylaşın. Tüm DevTools penceresinin ekran görüntüsünü.

Yine de biraz Google ile HTML dosyanızda JS dosyanızı eklediğiniz script tag'inden önce şöyle bi şey koymanız çözüm olabilir gibi duruyor. Hatta direkt head içine koyun.

HTML:

<script type="importmap"> { "imports": { "three": "./three.js-master/build/three.module.js" } } </script>

Evet hocam verdiğiniz kodu html dosyasının içine ekleyince sıkıntısız şekilde çalıştı cevabınız için çok teşekkür ederim.

Çözüldü Threejs'i JS dosyasına bağlama hatası

Ayrıntılı düzenleme

AltMod

Hectopat

Dosya Ekleri

Vavien.

Vavien.

Zettapat

AltMod

Hectopat

Benzer konular