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

继续补充....

相关推荐
腾讯TNTWeb前端团队6 小时前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰9 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪9 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪9 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy10 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom11 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom11 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom11 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom11 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom11 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试