Vue JS, ошибка загрузчика GLTF "в данный момент загрузчики не настроены" - PullRequest
Новая
       8

Vue JS, ошибка загрузчика GLTF "в данный момент загрузчики не настроены"

1 голос
/ 13 февраля 2020

Я пытаюсь загрузить gltf в vue проект. Вот мой код 

import * as THREE from 'three'
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';

let scene,camera,renderer;

function init(){

    scene = new THREE.Scene();
    scene.background = new THREE.Color(0xdddddd);

    camera = new THREE.PerspectiveCamera(40,window.innerWidth/window.innerHeight,1,5000);


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


    let loader = new GLTFLoader();

    loader.load(require('../../assets/tshirt/gitF/tshirt.glb'),function(gltf){
        //some code here 
}

init();

Я получаю сообщение об ошибке 

./src/assets/tshirt/gitF/tshirt.glb 1:4
Module parse failed: Unexpected character '' (1:4)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

Что я здесь не так делаю? PS: Я новичок как в VUE, так и в Three. js. Я попробовал этот точный код без фреймворка, и он работает. Ошибка возникает только при запуске кода в VUE.

1 Ответ

0 голосов
/ 13 февраля 2020

Вам не нужно require() при вызове загрузки, и скобки вашей функции закрываются неправильно: 

init() {
    //...
    loader.load('../../assets/tshirt/gitF/tshirt.glb',function(gltf){
            //some code here 
    }
}
...