React Native 导入错误：无法使用 .bin 解析模块（如何导入某种类型的文件？）

Question

运行反应本机应用程序时收到错误消息。Unable to resolve "./tfjs_model_to_use_quantized/content/tfjs_model_to_use/group1-shard1of1.bin" from "components\ImageInput.js"我试图在我的 JS 代码中导入一个名为 group1-shardof1.bin 的文件。其他 require 函数（例如，对于 json 文件）工作正常，并且此特定 require 函数的文件路径是正确的。我认为问题在于 .bin 扩展名不支持在反应本机代码中导出：const modelWeights = require('./tfjs_model_to_use_quantized/content/tfjs_model_to_use/group1-shard1of1.bin')我已经尝试过，我补充说："packagerOpts": {      "assetExts": ["bin", "pb", "txt"]}在我的 app.json 中，带有 bin 扩展名。如何配置我的 react-native 应用程序以便能够将 .bin 文件扩展名导入 JS 文件？如果有人可以帮助我解决这个问题，那就太好了。

Answer 1

我找到了答案。可以在 metro.config.js 中配置要由 react native 解析的其他文件类型：

const blacklist = require('metro-config/src/defaults/blacklist');

module.exports = {

  transformer: {

    getTransformOptions: async () => ({

      transform: {

        experimentalImportSupport: false,

        inlineRequires: false,

      },

    }),

  },

  resolver: {

    // (add 'bin' to assetExts)

    assetExts: ['bin', 'txt', 'jpg', 'png', 'ttf'],

    sourceExts: ['js', 'json', 'ts', 'tsx', 'jsx'],

    blacklistRE: blacklist([/platform_node/])

  },

};

关键部分是assetExts 部分，将“bin”添加到列表中。在我的具体情况下，由于某种原因没有创建 metro.config.js 文件，但是我使用上面的代码创建了一个新文件，并且 .bin 的导入工作正常。