react native踩坑之旅

本文主要讲述了在使用安卓模拟器调试react native项目时遇到的两个问题。一是报错“xxx keeps stopping”,原因是代码属性值写错,解决办法是修复bug并重新执行命令;二是无法加载脚本,需在main下建assets文件夹,在项目根目录运行cmd代码,最后重新执行命令。

1. AwesomeProject keeps stopping

在使用安卓模拟器调试react native项目时报错 “xxx keeps stopping” (xxx,项目名)。


起因是代码里有一个地方属性值写错了,应该是“space-around”,导致项目运行错误,这种情况下,就算改正了,再刷新也还是会报错。

解决办法,找到bug并修复这是必须的,然后,你需要重新执行react-native run-android (必要时在模拟器里卸载app再执行react-native run-android).

2. React Native unable to load script from assets index.android.bundle on windows

第一步: 在main下建立一个assets文件夹

第二步:在项目根目录运行cmd执行下面代码

React-native bundle --platform Android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res复制代码

最后重新react-native run-android就可以了。


转载于:https://juejin.im/post/5ceb4ecbf265da1bb679f5e2

### React Native 开发常见问题及解决方法 #### 1. 安装依赖问题 当安装新的 UI 库或其他依赖项时,可能会遇到版本不兼容的情况。确保所使用的库版本与当前项目中的其他依赖项相匹配非常重要。对于 `react-native-ui-lib` 和 `React Native Paper` 这样的库,在项目的 `package.json` 文件中确认版本信息可以有效预防此类错误的发生[^1]。 如果检测到版本之间的差异,则应考虑升级至最新的稳定版以保持一致性。可以通过运行命令如: ```bash npm update react-native react-native-paper ``` 或是使用 Yarn 来完成此操作: ```bash yarn upgrade react-native react-native-paper ``` 这有助于减少因不同版本间的API变化而引起的潜在冲突[^2]。 #### 2. 处理日期时间选择器的版本冲突 针对像 `DateTimePicker` 这样特定功能性的组件,在引入新包之前同样需要注意其与其他现有模块是否存在相互作用的问题。特别是要注意检查是否有任何已知的版本冲突报告,并采取相应的措施加以规避或修复[^3]。 #### 3. 寻求外部资源的帮助 即使遵循上述建议,有时仍可能碰到难以自行解决的技术难题。此时查阅官方文档以及活跃于各大技术交流平台上寻求帮助是非常必要的途径之一。许多时候前人已经经历过相同的问题并分享了解决方案,这些都可以成为宝贵的学习资料。 #### 4. 跨平台适配挑战 由于 React Native 的一大特色就是能够编写一次代码同时部署到多个操作系统上,因此不可避免会面临一些关于如何让应用程序在各个目标设备间表现一致性的考验。特别是在处理原生控件样式定制方面尤为明显。熟悉各平台特有的设计指南并将它们融入到应用的设计当中是克服这一障碍的关键所在。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值