Как использовать DRACOLoader с GLTFLoader в ReactJs?

Question

У меня есть сценарий использования, в котором я пытаюсь загрузить файл GLTF, сжатый с помощью DRACO-Compression. Я могу запустить его с помощью простого javascript, но я сталкиваюсь с проблемами при интеграции загрузчика с ReactJ.

Что я делаю:

• Копирование библиотеки draco отсюда в область моего приложения - https://github.com/mrdoob/three.js/tree/master/examples/js/libs/draco
• Копирование файла DRACOLoader.js отсюда в область моего приложения - https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/DRACOLoader.js
• Экспорт его как модуля THREE.DRACOLoader в моем приложении, где он мне нужен

Я получаю ошибку - DracoDecoderModule не определен

В моем приложении вот как я импортирую:

  import DRACOLoader from './DRACOLoader'
  DRACOLoader.setDecoderPath('./draco/')

Answer 1

Разместите папку draco в облаке, тогда

import DRACOLoader from './DRACOLoader';
DRACOLoader.setDecoderPath(path to hosted draco folder);

сработало для меня.

если вы сделаете это,

DRACOLoader.setDecoderPath('./draco/')

, тогда реакция будет восприниматься как,

DRACOLoader.setDecoderPath('localhost:3000/draco/');

, поэтому он не будет работать.