React错误总结解决方案(二)
React错误总结解决方案(二)
1、React native: Cannot add a child that doesn’t have a YogaNode or parent node
该错误一般是因为render方法中注释语句写法不正确,render的return函数里面的注释语句应该写在 {} 里面,而不是直接 //,正确写法:{/注释语句 /}
2、make sure your bundle is packaged correctly or you’re running apackager server.
这个大多是IP地址不对应引起的,解决方案:
将设备上已安装的测试apk卸载
查看电脑ip地址 在应用“Dev Settings”里面设置正确的ip地址和端口号
重新运行
3、Unable to find a matching configuration of project :react-native-fs: None of the consumable configurations have attributes.
意思是缺少依赖库(本例缺少react-native-fs依赖库),解决方案,下载对应的依赖库,如本例npm install react-native-fs
4、react native报failed to establish session的错误
这里写图片描述
我是在小米上遇到的,是小米系统的锅,去开发者选项里面,将MIUI优化关掉就行。
5、undefined is not an object(evaluating ‘_react2.PropTypes.oneOfType’)
原因是PropTypes的引用地址出问题了,原来PropTypes在react-native里面,现在在prop-types库里面,所以解决方案是:将原来的imprort {PropTypes} from ‘react’; 改为import PropTypes from ‘prop-types’; 即可!
6、真机运行白屏,摇晃不出来开发者菜单
解决方案请找到并打开悬浮窗权限,一般在应用管理!
还有一个可能的原因是MainApplication里面的BuildConfig引用来源的问题,我的里面无意中将引用改为import com.facebook.react.BuildConfig;导致一些列问题,将其改为自己的包名即可!!
7、运行Android版之后,资源文件在Android下面自动复制了一份
原因也是上面关于引用路径的问题,将MainApplication里面的BuildConfig引用来源改为import com.facebook.react.BuildConfig;改为自己的包名即可!!
8、error while updating property ‘src’ of a view managed by:RCTImageView3
我的出现这个问题是Image的source里面的图片原出现错误,按照正确格式改过就ok了!
9、react-native直接运行没问题,但是打包安装运行闪退
我的原因是代码里面有个地方使用了View.propTypes类型检测,因为只有在开发模式下才有View.propTypes,打包后会报错
static propTypes = {
style: View.propTypes.style,
inputItemStyle: View.propTypes.style,
itemTextStyle: View.propTypes.style,
...
};
1
2
3
4
5
6
解决方案:将上面用到View.propTypes的地方删除就行!
10、明明连接着设备,但是还是报Could not install the app on the device, …Make sure you have an Android emulator …
这种情况一般是设备权限问题,关闭开发者模式,重新开启一下,如果设备上有提示,记得点击确定或允许即可
11、ubuntu运行react-native开启服务时报错ENOSPC: no space left on device, watch …
我的原因时超出了watch的监听限制,解决方案运行:echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p即可,详见https://github.com/guard/listen/wiki/Increasing-the-amount-of-inotify-watchers#the-technical-details
12、打包的时候报:Could not list contents of ‘/home/scy/data/jeean/capsule/node_modules/@babel/core/node_modules/.bin/parser’. Couldn’t follow symbolic link.
应该是npm install的时候出现了什么异常,将node_modules删除,重新install就可以啦!注意使用科学上网或者使用淘宝镜像!