react-native - 在 React Native 中添加 Metro.config.js 后自定义字体的问题

Question

我在我的 React Native 应用程序中使用自定义字体，它非常完美。但是我需要在其中添加 SVG 文件，因此我使用以下代码添加了 Metro.config.js 文件。之后我有一个错误:无法识别的字体系列“NunitoSemiBold”有谁知道该文件 Metro.config.js 如何与自定义字体冲突？

 
module.exports = (async () => {
  const {
    resolver: { sourceExts, assetExts },
  } = await getDefaultConfig();
  return {
    transformer: {
      babelTransformerPath: require.resolve('react-native-svg-transformer'),
    },
    resolver: {
      assetExts: assetExts.filter(ext => ext !== 'svg'),
      sourceExts: [...sourceExts, 'svg'],
    },
  };
})();

Answer 1

我遇到了完全相同的问题，我找到了解决方法。我的猜测是合并(在这种情况下可能不合并)从 react-native-svg-transformer 编写的 Metro-config 时存在问题。和世博会的默认值。
反正看完expo doc page regarding customizing the metro config ，我只是更改了metro config包默认配置

yarn add -D @expo/metro-config

然后我更新 metro.config.js :

const { getDefaultConfig } = require('@expo/metro-config');

const {
    resolver: { sourceExts, assetExts },
} = getDefaultConfig(__dirname);

module.exports = {
    transformer: {
        babelTransformerPath: require.resolve('react-native-svg-transformer'),
    },
    resolver: {
        assetExts: assetExts.filter((ext) => ext !== 'svg'),
        sourceExts: [...sourceExts, 'svg'],
    },
};

享受!