我目前正在尝试使用 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)