无法在React-Viro中解析模块

Question

我正在尝试运行此应用程序，我会收到以下错误！https://github.com/vnovick/pile-blocks-ar

我从此处检查了适当的资产导入指令一切似乎都是合法的，但我一直遇到错误！

===

错误：捆绑失败：错误：无法从/Users/###/pile-blocks-ar-master/js/GameSceneAR.js解析模块./res/tetris/blocks_1.vrx：从/Users/###/pile-blocks-ar-master/js/GameSceneAR.js找不到模块./res/tetris/blocks_1.vrx。确实，这些文件都不存在：

• `/user/###/pile-blocks-armaster/js/res/tetris/blocks_1.vrx...

===

我将package.json中的版本更改为最新版本："反应"：" 16.6.1"，"反应本"：" 0.57.7"，" react-viro"：" 2.13.0"

预先感谢：）

Answer 1

如果您在现有的反应应用程序中导入viroar（不是使用viro cli创建的），则需要添加资产支持手动。

这是指南：https://docs.viromedia.com/docs/importing-assets

如果您使用的是RN> 0.59，则应丢弃Viro说明并修改metro.config.js文件（位于Project root）以看起来像这样：

/**
 * Metro configuration for React Native
 * https://github.com/facebook/react-native
 *
 * @format
 */
module.exports = {
  resolver: {
    assetExts: [
      'obj',
      'mtl',
      'JPG',
      'vrx',
      'hdr',
      'gltf',
      'glb',
      'bin',
      'arobject',
      'png',
    ],
  },
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,
      },
    }),
  },
};

resolver.assetExts 是键。