Как указать путь к файлу .obj & .mtl в React Native?

Question

Я использую реагирующую виро, чтобы включить поддержку AR в моем приложении.Интеграция Viro идеальна, я могу видеть текст в режиме AR.Но когда я пытаюсь включить любой 3D-объект с помощью Viro3DObject, я получаю сообщение об ошибке: «Не удалось найти модуль (локальный путь к моему файлу)».Когда я загружаю тот же ресурс с сервера, я могу загрузить его с URI.

Согласно документации React-Viro, React-native по умолчанию не поддерживает 3D-файлы с расширениями .obj и .mtl.Итак, я следовал этому подходу, чтобы включить поддержку.Но все же та же ошибка сохраняется.

https://docs.viromedia.com/docs/importing-assets#adding-asset-types

<Viro3DObject
source={require('./emoji_vow/emoji_vow.vrx')}
position={[0, .2, 0]}
scale={[.2, .2, .2]}
type="VRX"
lightReceivingBitMask={3}
shadowCastingBitMask={2}
transformBehaviors={['billboardY']}
resources={[require('./emoji_wow/emoji_wow_diffuse.png'),
require('./emoji_wow/emoji_wow_specular.png'),
require('./emoji_wow/emoji_wow_normal.png')]}/>

Answer 1

добавить metro.config.js

'use strict';

const { getDefaultConfig } = require("metro-config");

module.exports = (async () => {
  const {
    resolver: { assetExts }
  } = await getDefaultConfig();

  return {
    resolver: {
      assetExts: [...assetExts, "obj", "mtl", "JPG", "vrx", "hdr", "gltf", "glb", "GLB", "bin", "arobject", "gif"]
    }
  };
})();

должно быть хорошо