react-native - instagram 登录错误:- Invariant Violation: 当instagram login in react native 时,尝试注册两个同名的视图RNCWebview
问题描述
我想实现 Instagram 登录。但是当我安装 react-native-instagram-login npm 并放置此代码时
import InstagramLogin from 'react-native-instagram-login';
<InstagramLogin
ref={ref => (this.instagramLogin = ref)}
appId='your-app-id'
appSecret='your-app-secret'
redirectUrl='your-redirect-Url'
scopes={['user_profile', 'user_media']}
onLoginSuccess={this.setIgToken}
onLoginFailure={(data) => console.log(data)}
/>
并运行此代码,得到一个错误 - 1.Invariant Violation:尝试注册两个具有相同名称的视图RNCWebview当instagram登录反应本机2.Module AppRegistry未注册可调用模块(调用runApplication)
如何摆脱这个错误。这里 package.json
"dependencies": {
"@react-native-community/cookies": "^5.0.1",
"@react-native-community/masked-view": "^0.1.10",
"@react-native-community/viewpager": "^5.0.11",
"@react-native-google-signin/google-signin": "^6.0.0",
"firebase": "^8.6.0",
"html-entities": "^1.3.1",
"lottie-react-native": "^3.5.0",
"native-base": "^2.13.12",
"react": "^17.0.2",
"react-dom": "^16.13.1",
"react-native": "0.63.2",
"react-native-agora": "^3.2.2",
"react-native-animated-loader": "0.0.8",
"react-native-awesome-alerts": "^1.3.3",
"react-native-banner-carousel": "^1.0.3",
"react-native-checkbox-heaven": "^0.1.6",
"react-native-datepicker": "^1.7.2",
"react-native-document-picker": "^5.0.3",
"react-native-fbsdk-next": "^4.1.0",
"react-native-gesture-handler": "^1.7.0",
"react-native-get-random-values": "^1.6.0",
"react-native-gifted-chat": "^0.16.3",
"react-native-image-view": "^2.1.9",
"react-native-image-viewing": "^0.2.0",
"react-native-image-zoom-viewer": "^3.0.1",
"react-native-instagram-login": "^2.0.4",
"react-native-keyboard-aware-scrollview": "^2.1.0",
"react-native-linear-gradient": "^2.5.6",
"react-native-login-twitter": "^3.0.4",
"react-native-material-dropdown": "^0.11.1",
"react-native-media-controls": "^2.3.0",
"react-native-pager-view": "^5.1.6",
"react-native-reanimated": "^1.12.0",
"react-native-render-html": "^4.2.3",
"react-native-responsive-dimensions": "^3.1.1",
"react-native-safe-area-context": "^3.1.4",
"react-native-screens": "^2.10.1",
"react-native-share": "^3.7.0",
"react-native-shimmer-placeholder": "^1.0.36",
"react-native-splash-screen": "^3.2.0",
"react-native-star-rating": "^1.1.0",
"react-native-tab-view": "^2.15.2",
"react-native-thumbnail-video": "^0.1.2",
"react-native-vector-icons": "^7.0.0",
"react-native-video": "^5.1.1",
"react-native-video-controls": "^2.7.1",
"react-native-web": "^0.13.6",
"react-native-webview": "^11.6.2",
"react-navigation": "^4.4.0",
"react-navigation-drawer": "^2.5.0",
"react-navigation-stack": "^2.8.2",
"react-navigation-tabs": "^2.9.0",
"react-redux": "^7.2.1",
"redux": "^4.0.5",
"uuid": "^8.3.2"
},
解决方案
删除“react-native-instagram-login”中的“react-native-webview”
rm -rf node_modules/react-native-instagram-login/node_modules/react-native-webview
因为重复“react-native-webview”
推荐阅读
- python - 将总金额转换为单独的账单 Python
- ios - 无法使用服务 UUID 发现外围设备
- docker - 无法启动 mariaDB Docker 挂载特定目录
- css - 发现很难让堆叠的 div 响应
- node.js - TypeError:无法读取 null 的属性“长度”。res.send文件
- php - 远程调试不会在 Docker、VScode 的断点处停止
- c# - .NET UWP MediaFrameReference 帧的大小(以字节为单位)是多少
- java - 如何使创建的班级打印?
- azure - 为 Azure SQL DB 创建 AD 用户时出现语法错误
- c++ - 如何在 Visual Studio Code 中重命名我的 a.exe 文件?