Uncaught TypeError: THREE.GLTFLoader не является конструктором

Я новичок в THREE js, я не могу понять ошибку

когда я запускаю свой код, отображается следующая ошибка

Uncaught TypeError: THREE.GLTFLoader is not a constructor

var loader = new THREE.GLTFLoader();

        loader.load('modelReq/Gully_update_2.gltf', 
            function (gltf) {

                scene.add(gltf.scene);
                gltf.animations; 
                gltf.scene;
                gltf.scenes; 
                gltf.cameras; 
                gltf.asset;


            },

            function (xhr) {
                console.info((xhr.loaded / xhr.total * 100 ) + '% loaded' );
            },

            function (error) {
                console.info( 'An error happened = ', error );
            }
        );

и ошибка на var loader = new THREE.GLTFLoader();

Мой html файл:

    <link rel = "stylesheet" href = "css/main.css">
    <script src = "js/plugins/three.min.js"></script>
    <script src = "js/plugins/TrackballControls.js"></script>
    <script src = "js/plugins/stats.min.js"></script>
    <script src = "js/plugins/GLTFLoader.js"></script>
    <script src = "js/custom.js"></script>

</head>
<body>
    <div id = "animate">
        <canvas></canvas>
    </div>

и GLTFLoader.js находится по пути: <script src = "js/plugins/GLTFLoader.js"></script>

Откуда вы берете свой THREE.js? Я бы попробовал загрузить его из CDN в Интернете, пока он не заработает. Я думаю, вы загружаете версию, предназначенную для использования с модулями или чем-то еще. <script src = "threejs.org/build/three.min.js"></script> <script src = " cdn.rawgit.com/mrdoob/three.js/master/examples/js/contr‌ ols /…> Попробуйте получить свои сценарии из одного из этих мест ^.

— 08.09.2018 20:29

three.js hapi.js

08.09.2018 10:14

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

9 931

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

GLTFLoader находится в отдельном файле ...

<script src = "https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/loaders/GLTFLoader.js"></script>

Примечание. В рамках перехода на модули ES6 файлы в «examples / js» устарели в мае 2020 года (r117) и будут удалены в декабре 2020 года (r124).

— 18.07.2020 13:47

08.09.2018 10:37

Другие вопросы по теме

AssertionError [ERR_ASSERTION]: недопустимые параметры регистра "значение" должно быть объектом

Прерывистый сбой полосы Hapi 17

Заголовок Access-control-allow-origin не установлен

Понимание жизненного цикла hapi js

Запрос на выборку не возвращает JSON из конечной точки

Невозможно найти ошибку модуля при имитации элементов в модульном тестировании Jest с помощью TypeScript в Node.js

Можем ли мы сделать объект Joi необязательным, но вложенные в него поля обязательны, если объект вызывается?

Как обрабатывать бесконечные дочерние массивы для добавления данных с помощью nodejs?

Как получить файл через поток

Hapi.js с не настроенными заголовками Glue CORS

Uncaught TypeError: THREE.GLTFLoader не является конструктором

Ответы 1

Другие вопросы по теме

Похожие вопросы