在metro配置中添加配置代码后，它给出一个错误[react-native-svg-transformer]

Question

/**

Metro configuration for React Nativehttps://github.com/facebook/react-native@Format*/module.exports = {transformer: {getTransformOptions: async () => ({transform: {experimentalImportSupport: false,inlineRequires: true,},}),},};const {getDefaultConfig} = require('metro-config');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'],},};})();

如果我从metro.config.js中删除配置代码，它正在工作。同样的代码正在为react-native(0.67.4)工作，现在我正在尝试在0.70.6版本

Answer 1

确保您已经安装了两个软件包"react-native-svg"one_answers"react-native-svg-transformer"只需将metro.config.js替换为下面的代码。我希望这能奏效。

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