react native 遇到的一些坑

最新推荐文章于 2021-02-04 15:52:26 发布

遗忘的一隅

最新推荐文章于 2021-02-04 15:52:26 发布

阅读量312

点赞数 2

CC 4.0 BY-SA版权

分类专栏： react native

本文链接：https://blog.youkuaiyun.com/acm_wln/article/details/88253785

react native 专栏收录该内容

3 篇文章

订阅专栏

今天在测试crn安卓包的时候从入口进入出现这个报错

node modules删了重新install （package-lock.json文件也删了）

安装node modules地址：npm install --registry http://registry.npm.release.ctripcorp.com/

但依然出现这个报错，可以用crn-cli run-patch命令就可以了

crn-cli run-patch

这个是把react native里面不用的东西给删了，才变成crn得node modules（crn把真正的rn的bundle精简了很多），patch是精简库

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

遗忘的一隅

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

React Native 多语言切换库 react-native-i18n 可能遇到的坑记录

loveseal518的博客

03-11

854

项目地址：https://github.com/AlexanderZaytsev/react-native-i18n 使用方式：使用yarn：yarn add react-native-i18n；使用npm：npm install react-native-i18n --save； 0.60版本以下记得手动link react-native link react-native-i18n 以下内容可能比较跳跃，本篇主要是记录一下遇到的异常及暂时的解决方式。页面调用： impor

windows 电脑执行 react-native 项目，报错如下

Sixology的博客

08-13

578

windows 电脑执行 react-native 项目，报错如下： error Invalid regular expression: /(.\fixtures\.|node_modules[\]react[\]dist[\].|website\node_modules\. |heapCapture\bundle.js|.\tests\.)$/: Unterminated character class. Run CLI with --verbose flag for more details. 解决方

参与评论您还未登录，请先登录后发表或查看评论

React native 开发遇到的一些坑

qq_28589999的博客

09-11

233

https://blog.youkuaiyun.com/qq_28589999/article/details/82592555 https://blog.youkuaiyun.com/weixin_41077521/article/details/81094633

【巨能坑】react-native的大坑，不定期更新

mortal_li的博客

03-16

1720

注：写页面时，当子组件是<Text>时一定不要固定父组件的宽高。 -----------------------------------------------------------------------------------------------------------------------------------------------------------...

初次接触React Native遇到的问题

weixin_33860528的博客

06-09

112

具体的搭建环境过程就不细说了，官方文档说的很详细，按照文档一步步操作就可以，需要注意下Android Studio安装和下载所需的SDK需要占用很大空间大约20G,注意磁盘空间是否充足。React Native 搭建开发环境官方文档：reactnative.cn/docs/0.51/g…环境搭建成功后按照官方文档输入以下命令：react-native init AwesomeP...

react native 遇到的问题整理

hehe0705的专栏

03-26

514

1.Uncaught TypeError: Super expression must either be null or a function, not 原因在组件化继承React.Component 时将Component 写成了小写component 导致这个错所以在react native 中一定要注意大小写。

React-Native遇到问题集锦

weixin_33974433的博客

10-28

111

2019独角兽企业重金招聘Python工程师标准>>> ...

详解React native fetch遇到的坑

12-10

最近在自学react native，学习过程中遇到了不少的坑，下面将针对登录这一功能来详细介绍一下以下遇到的两个问题。 1.在请求数据的时候，一般情况下我们会直接提交Content-type是json数据格式的请求。类似 fetch('...

详解react-native-fs插件的使用以及遇到的坑

12-10

react-native-fs插件是文件对上传和下载时使用的，iOS和android都可使用，File upload (iOS only)。安装命令： npm install react-native-fs --save //注意：如果react native版本是<0.40安装，使用此标签： ...

React-native使用过程中遇到的一些坑

Alexbyy的博客

08-15

1511

1、部分android手机Text标签展示不全（比如设置标签内容为 1234，只展示123）或者不展示特别是1加手机解决方法：通过设置字体来解决，rn里有写好的样式CommonStyles.priceFontStyle 2、给一个标签重复设置key，android上会报错解决方法：避免重复设置key 3、isTrue & <View>.....

React-native 开发遇到的问题

叶知秋凉的博客

03-03

1950

1. Caused by: com.facebook.jni.CppException: ReferenceError: Can’t find variable: process一般是没有安装react，有些文档（包括某些版本的官方文档）可能遗漏了 npm i react --save 如果安装过程中报错版本不匹配，那么记下其需要的版本 npm i react@需要的版本 --save

React Native疑难点,问题深坑最强总结

幸福的小金火

02-24

5216

文章主要总结了在使用React Native开发过程中遇到的疑难杂症,问题深坑。各种问题的解决方案在不断更新中~如果有各位童鞋已经遇到并且解决掉的问题方案，也希望可以提供给我。React Native技术交流1群:282693535 大家可以加群进行交流或者关注我的微信订阅号:codedev123 Mac和Windows安装搭建React Native环境教程如下: Mac O

我在集成ReactNative过程中踩过的那些坑

热门推荐

冥萧阳的专栏

03-15

4万+

1、react-native init 命令创建的项目不能以数字开头例如react-native init 58RNProject非法，react-native init WubaRNProject合法 2、依赖react-native后，也sync过了为什么找不到react-native相关类需添加apply from: “react.gradle”及compile ‘com.face

React native 开发遇到的一些坑

2659926510的博客

07-18

1万+

ReactNative 报错或使用AndroidStaudio打包出来的安装包不是新数据:unable to load script from assets 'index.android.bundl 解决方法: 在项目根目录下运行: react-native bundle --platform android --dev false --entry-file index.js --bu...

React native开发中常见的错误

weixin_34278190的博客

08-16

378

react native环境搭建请移步：react native环境搭建这里说说react native创建完成之后，运行中出现的常见问题，问题1： java.lang.RuntimeException: SDK location not found. Define location with sdk.dir in the local.prope...

React Native常见问题解决 500

虫逗蚊子的博客

08-26

2461

1. 服务端返回500 解决方案方案1：使用 yarn 工具 $ yarn remove babel-preset-react-native $ yarn add babel-preset-react-native@2.1.0 方案2：使用 npm 工具 $ npm uninstall --save-dev babel-preset-react-native $ np

react-native遇到的坑，及解决方法

u010500895的专栏

06-13

1万+

在react-native 0.26.0 版本 1. 引入头文件 var 类名＝ './类名' 会报Super expression must either be null or a function, not undefined 解决方法 export const 类名＝ './类名'; 2. 添加tabBar 时添加 selected = { this.state.sel

React Native踩坑记录

lf_morning的博客

02-04

5261

1.无法将“adb”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。解决方法: 按照官网配置环境变量(注: 一定要关掉cmd重新打开才生效, vscode要整个关掉重新打开) 2. Looks like you installed react-native globally, maybe you meant react-native-cli? To fix the issue, run: npm uninstall -g re

react-native 遇到的坑汇总（补充中）

m00123456789的博客

09-29

1万+

1.Could not create ADB Bridge. ADB location: **\platform-tools\adb.exeapp:installDebugFAILURE: Build failed with an exception. What went wrong: Execution failed for task ‘:app:installDebug’. com.and

react native webrtc的坑

最新发布

05-30

### React Native WebRTC 常见问题及解决方法在使用 React Native WebRTC 构建实时通信应用时，开发者可能会遇到一些常见的问题。以下是这些问题及其解决方案的详细说明： #### 1. **信令服务器连接失败** 当尝试通过信令服务器进行设备间通信时，可能会出现连接失败的问题。这通常是由于信令服务器配置不正确或网络问题引起的。 - 确保信令服务器已正确启动并监听指定端口。 - 检查客户端代码中提供的信令服务器地址是否正确。 - 如果使用的是在线演示服务器（如 https://react-native-webrtc.herokuapp.com/），确保其服务可用[^4]。 ```javascript // 示例：连接信令服务器 const signalingServer = 'wss://your-signaling-server-url'; const socket = new WebSocket(signalingServer); ``` #### 2. **摄像头权限被拒绝** 在某些情况下，应用程序可能无法访问设备摄像头，导致视频流无法正常工作。 - 在 Android 和 iOS 平台上分别检查是否已在 `AndroidManifest.xml` 和 `Info.plist` 文件中添加了必要的权限声明。 - 确保在运行时请求用户授予摄像头权限。 ```xml  <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.RECORD_AUDIO" /> ``` ```xml  <key>NSCameraUsageDescription</key> <string>We need access to your camera for video calls.</string> <key>NSMicrophoneUsageDescription</key> <string>We need access to your microphone for audio calls.</string> ``` #### 3. **音频输入设备不可用** 有时音频输入设备（如麦克风）可能无法正常工作。 - 确认设备上是否有其他应用程序占用麦克风资源。 - 检查是否正确初始化了音频轨道。 ```javascript // 示例：初始化音频轨道 navigator.mediaDevices.getUserMedia({ audio: true, video: false }) .then(stream => { const audioTrack = stream.getAudioTracks()[0]; console.log('Audio track initialized:', audioTrack); }) .catch(error => { console.error('Error accessing audio device:', error); }); ``` #### 4. **视频画面显示异常** 如果视频画面无法正常显示，可能是由于 RTCView 组件配置错误或媒体流未正确传递。 - 确保 RTCView 组件已正确绑定到媒体流。 - 使用 `zOrderMediaOverlay` 和 `zOrder` 属性调整视频层的显示顺序[^5]。 ```javascript // 示例：使用 RTCView 显示视频流 import { RTCView } from 'react-native-webrtc'; <RTCView streamURL={remoteStream.toURL()} style={{ width: 320, height: 240 }} zOrderMediaOverlay={true} /> ``` #### 5. **ICE 连接状态问题** 当 ICE（Interactive Connectivity Establishment）连接状态始终为 "disconnected" 或 "failed" 时，可能是由于 STUN/TURN 服务器配置不当。 - 确保提供了正确的 STUN 和 TURN 服务器地址。 - 检查防火墙设置是否阻止了相关流量。 ```javascript // 示例：配置 ICE 服务器 const configuration = { iceServers: [ { urls: 'stun:stun.l.google.com:19302' }, { urls: 'turn:your-turn-server', username: 'user', credential: 'password' }, ], }; ``` #### 6. **跨平台兼容性问题** React Native WebRTC 可能在不同平台上表现出不同的行为。 - 在 iOS 和 Android 上分别测试应用程序，确保功能一致性。 - 如果需要更高的兼容性，可以考虑从 `react-native-webrtc-web-shim` 库中导入相关类和方法[^5]。 ```javascript // 示例：从 react-native-webrtc-web-shim 导入 import { RTCPeerConnection, RTCIceCandidate, RTCSessionDescription } from 'react-native-webrtc-web-shim'; ``` --- ###