Question

我的SVG组件有问题。我认为我已经正确地完成了所有操作，但是在编译之后，我仍然收到此错误：

Unable to resolve "./elements/Marker" from "node_modules\react-native-svg\src\ReactNativeSVG.ts"
Failed building JavaScript bundle.

有人可以检查我在下面提供的代码，然后告诉我出什么问题了吗？我目前正在开发最新的Expo SDK和react-native-svg软件包。哦，还有一件重要的事情要说：。我已经在Expo-Snack中对其进行了测试，并且有效！

import React, { Component } from 'react';
import { View, StyleSheet, Dimensions } from 'react-native';
import Svg, { Defs, RadialGradient, Stop, G, Use, Path } from 'react-native-svg';

const { height, width } = Dimensions.get('window');

export default class SvgRadialBackground extends Component {
    render() {
        return (
            <View
                style={[
                    StyleSheet.absoluteFill,
                    { alignItems: 'center', justifyContent: 'center' },
                ]}>
                <Svg width={width} height={height}>
                    <Defs>
                        <RadialGradient
                            cx="50%"
                            cy="14%"
                            fx="50%"
                            fy="25%"
                            r="177%"
                            gradientTransform="matrix(0 .5 -1 0 .5 -0.146)"
                            id="prefix__b"
                        >
                            <Stop stopColor="#FFF" stopOpacity={0.5} offset="0%" />
                            <Stop stopColor="#003232" offset="100%" />
                        </RadialGradient>
                        <Path id="prefix__a" d="M0 0h375v667H0z" />
                    </Defs>
                    <G fill="none" fillRule="evenodd">
                        <Use fill="#244F77" xlinkHref="#prefix__a" />
                        <Use
                            fill="url(#prefix__b)"
                            style={{
                                mixBlendMode: 'soft-light',
                            }}
                            xlinkHref="#prefix__a"
                        />
                        <Use stroke="#979797" xlinkHref="#prefix__a" />
                    </G>
                </Svg>
            </View>
        );
    }
}

Answer 1

我已经弄清楚了。这个无法解决的标记是一种新功能，他们实际上是在几天前更新软件包的。我已经使用expo install安装了它。.它没有给我最新版本。现在，我已经手动对其进行了更新，并且可以正常工作。

无法解析“ ./elements/Marker”-有人可以告诉我怎么了吗？

1 个答案: