【问题标题】:Unable to resolve "./elements/Marker" - can somebody tell me what's wrong?无法解析“./elements/Marker” - 有人可以告诉我出了什么问题吗?
【发布时间】:2019-10-11 10:21:03
【问题描述】:

我的 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>
        );
    }
}

【问题讨论】:

  • 尝试删除node_modules并再次运行npm i/yarn
  • 您好,感谢您的回复,但很遗憾没有成功。我必须深入挖掘:/

标签: android ios react-native react-native-svg


【解决方案1】:

我已经弄明白了。这个无法解决的标记是一个新功能,他们实际上在几天前更新了软件包。我已经使用 expo install 安装了它。它没有给我最新版本。现在我手动更新了它,它工作了。

【讨论】:

  • 您能否详细分享一下您是如何更新配置的?
  • 当然@PiotrPonikowski,运行“expo install react-native-svg”会在我的 package.json 中添加“react-native-svg”:“~9.9.2”。我已经检查了这个包的官方文档,可以在这里找到:github.com/react-native-community/react-native-svg 并注意到实际上最新版本是 9.11.1。我已经手动将 package.json 中的条目更改为 "react-native-svg": "~9.11.1" 并再次运行 "npm install" 一次。它解决了我的问题。
  • 感谢@PatrykKrawczuk 的跟进,这也为我解决了问题。
  • 没问题@Nando。我很高兴能帮上忙
猜你喜欢
  • 2021-11-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-12-31
  • 2011-12-18
  • 2015-07-09
  • 2020-02-21
相关资源
最近更新 更多