不变冲突："RNSVGSvgView"的本机组件不存在

Question

经过几天的互联网研究，我仍然没有解决我的问题。我正在使用React-Native-SVG，并且遇到了同样的问题：找不到名称为" RNSVGPATH"

的组件

或这个：不变违规：" RNSVGSVGVIEW"的本机组件不存在

我尝试了很多事情，包括：

react-native unlink react-native-svg
npm uninstall react-native-svg
npm install react-native-svg
react-native link react-native-svg
react-native run-ios

也：

pod 'RNSVG', :path => '../node_modules/react-native-svg'
rm -rf node_modules
npm install
react-native run-ios

，但仍然什么都没有...这是我使用的版本：

"dependencies": {
    "react": "16.1.1",
    "react-native": "0.50.3",
    "react-native-svg": "^6.0.1-rc.1"
}

我试图直接从xcode构建它，但仍然没有...

感谢您的帮助！

Answer 1

您应该尝试这样做：

npm install react-native-svg --save //(again)
react-native link react-native-svg //(again)
watchman watch-del-all
rm -rf node_modules/ && yarn cache clean && yarn install

然后在另一个端子中

npm start -- --reset-cache

在使用React-Native Run-ios启动iOS应用程序之前，您必须将librnsvg.a手动添加到Xcode

中的链接框架和库中。

然后... tada

Answer 2

svg问题，我还塞满了4个小时并获取解决方案。

自动链接：

react-native link react-native-svg

不自动工作，然后手动进行。

手动链接：

1将以下行附加到android/settings.gradle:

include ':react-native-svg'
project(':react-native-svg').projectDir = new File(rootProject.projectDir,  '../node_modules/react-native-svg/android')

2在 android/app/build.gradle:

中的依赖项块中插入以下几行

implementation project(':react-native-svg')

3打开`android/app/src/main/java/[...]/mainapplication.java

• 将import com.horcrux.svg.SvgPackage;添加到文件顶部的导入。
• 将new SvgPackage()添加到getPackages()方法返回的列表中。如果已经有东西，请在上一个项目中添加逗号。

Answer 3

我遇到了这个问题，因为"反应本链路"在RN 0.51时被打破。完全删除后手动链接并重新安装将其修复在iOS上。

Answer 4

svg版本

有问题

首先，UNLINK SVG，然后删除NPM SVG，然后安装新的

"dependencies": {
    "react": "16.1.1",
    "react-native": "0.44.0",
    "react-native-svg": "5.1.8"
}

Answer 5

我遇到了同样的问题，但在Android上。

因此，如果您处于相同的条件下，这是解决方案的，问题专门发生在Mainapplication上，因此您想查看：

• 打开android/app/src/java/com/*/MainApplication.java
• 与其他导入一起添加import com.horcrux.svg.SvgPackage;
• 沿列表中的其他添加new SvgPackage() getPackages()（〜行30-ish）