小编Jus*_* Li的帖子

react-native-svg-transformer 不适用于 Metro.config.js 文件

我目前正在尝试使用 React Native SVG 在我的 RN 应用程序中渲染 SVG 组件。但是,metro.config.js 配置会导致一些我似乎无法解决的错误。

我已经安装了react-native-svg和react-native-svg-transformer并组合了metro配置文件,如下所示:

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

module.exports = (async () => {
  const {
    resolver: { sourceExts, assetExts }
  } = await getDefaultConfig();
  return {
    transformer: {
      getTransformOptions: async () => ({
        transform: {
          experimentalImportSupport: false,
          inlineRequires: false
        }
      }),
      babelTransformerPath: require.resolve("react-native-svg-transformer")
    },
    resolver: {
      assetExts: assetExts.filter(ext => ext !== "svg"),
      sourceExts: [...sourceExts, "svg"]
    }
  };
})();
Run Code Online (Sandbox Code Playgroud)

但是,我总是收到以下错误:

[Sun Feb 13 2022 17:49:52.470]  ERROR    ReferenceError: Can't find variable: config …
Run Code Online (Sandbox Code Playgroud)

react-native react-native-svg metro-bundler

5
推荐指数
2
解决办法
3734
查看次数