在 React Native 中添加 Metro.config.js 后自定义字体出现问题

如何解决在 React Native 中添加 Metro.config.js 后自定义字体出现问题

我在我的 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'],};
})();

解决方法

尝试将 getDefaultConfig 的源文件从 metro-config 更改为 @expo/metro-config。对我来说效果很好。

参考：Expo doc