React native React本机SVG正在使用不受支持的JSX命名空间标记。如何将throwIfNamespace设置为false?
我正在尝试使用,但运行metro后出现以下错误:React native React本机SVG正在使用不受支持的JSX命名空间标记。如何将throwIfNamespace设置为false?,react-native,svg,react-native-svg,React Native,Svg,React Native Svg,我正在尝试使用,但运行metro后出现以下错误: error: assets/menu.svg: /user/Projects/mobile/assets/menu.svg: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning. 2 | impor
error: assets/menu.svg: /user/Projects/mobile/assets/menu.svg: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning.
2 | import Svg, { Path } from "react-native-svg";
3 |
> 4 | const SvgComponent = props => <Svg overflow="visible" preserveAspectRatio="none" viewBox="0 0 24 24" width={24} height={24} {...props}><Path xmlns:default="http://www.w3.org/2000/svg" d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" vectorEffect="non-scaling-stroke" fill="#949494" /></Svg>;
| ^^^^^^^^^^^^^
5 |
6 | export default SvgComponent;
但它不起作用。你知道我如何绕过警告,或者以其他方式导入SVG文件而无需运行时转换吗?我过去也遇到过同样的问题,不确定它是否是正确的解决方案,但删除svg文件中的
xmlns
对我来说很有效您可以通过相同的包使用路径svg,而不使用transformer svg,但必须链接到React native
react-native link react-native-svg-transformer
谢谢,从path标记中删除xmlns:default就成功了。在svg标记属性被删除的情况下,似乎没有路径属性,所以我在GitHub上报告了它:
react-native link react-native-svg-transformer