React-Native升级之爬坑总结

具体如何升级

react-native-community.github.io/upgrade-hel... 可以通过访问这个官方网站, 比较哪些文件和语句需要改变, 建议一点点升级, 每次遇到问题单独解决, 再升级更高的版本

如何使用 Xcode查看 失败的log

1.需要切换到最后一个菜单, 然后可以看到失败的log, 点击查看详细信息

比如这个错误就可以发现是ios的版本设置的不对, 显示是11.0. 需要配置到12.4以上

切换到12.4就可以通过, 这是web开发者不懂的, Xcode请教了ios开发的同事才知道, 小本本记录下

使用grep命令找到具体引入方法的包

vbnet 复制代码
 ERROR  Invariant Violation: ART has been removed from React Native. It can now be installed and imported from '@react-native-community/art' instead of 'react-native'. See https://github.com/react-native-art/art
 ERROR  Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect.
      This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.

遇到了这样一个问题, 但是搜索整个开发目录并没有直接使用ART的语法, 所以需要考虑是不是依赖包用了, 但是一个个查找肯定不行, 所以发现可以用grep这个命令找到

grep "import.*ART.*react-native" ./node_modules/ -Rn -l grep 查找的字符串或者正则表达式 查找目录

bin.zmide.com/?p=677

遇到依赖包的typescript比自己用的高, 导致不能编译

第一看看包用的多不多, 如果不多, 可以暂时用require来替代import, 暂时跳过typescript的检查, 之后, 升级typescript再具体升级 如果升级的包很多, 那么可以revert还原到之前的版本, 之后再升级, 如果typescript升级很简单, 那么可以升级typescript

继续补充....

相关推荐
子兮曰16 小时前
async/await高级模式:async迭代器、错误边界与并发控制
前端·javascript·github
恋猫de小郭16 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
GIS之路18 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒20 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
Kagol21 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉21 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau21 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生21 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼21 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君8799721 小时前
Flutter 如何给图片添加多行文字水印
前端·flutter