React Native官方开发文档在设备上运行遇到的一些小问题及解决方法（开发平台macOS 目标平台iOS）

已于 2024-02-24 15:55:54 修改
阅读量345 收藏 5
点赞数 8
分类专栏： React Native 文章标签： react native
于 2024-02-23 21:11:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dklsuntao/article/details/136261654
版权
  1. 文档上说使用 USB 闪电数据线连接 iOS 设备到 Mac，我的MacBook没有USB端口，有USB-C 端口，使用充电线（官方名称：USB-C 转闪电连接线）将手机连接到电脑。
  2. 在"Team"下拉下选择了开发者账号后，编译并运行应用，报以下错误：
    错误提示将bundle identifier更改为唯一字符串，将bundle identifier改为org.reactjs.native.example.AwesomeProject加上自己的姓名，Try Again就不报错了。
  3. 启用开发服务器：在RN项目根目录下执行 
    npx react-native start

    摇晃设备打开Developer menu，然后 Reload。当 JavaScript 代码改变时 app 会重载。效果如下图：

dklsuntao
关注
  • 8
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native开发环境搭建，VS Code运行项目步骤详解
Zh.快乐的程序猿的博客
03-23 1801
React Native开发环境搭建，VS Code运行项目步骤详解
React-native开发问题小结
u014784370的专栏
04-11 471
报错处理：macOS 10.13 安装Virtualbox失败这个操作步骤大概意思是，第一次安失败后，不要卸载，删除安装文件。去打开 安全与隐私里允许此文件网内核里写一个文件。然后再去双击安装按钮。1、初始化项目报错处理：注释：{/*首页*/} 前面不能加//。2、新建RN项目，运行安卓模拟器报错解决：http://blog.csdn.net/jasonzds/article/details/78...
React Native按官网步骤搭建开发环境，最后编译并运行 React Native 应用遇到的问题及解决方法（开发平台macOS 目标平台iOS）
dklsuntao的博客
02-23 426
React Native按官网步骤搭建开发环境，最后编译并运行 React Native 应用遇到的问题及解决方法
React Native框架写小程序，并运行在App的一种方法
speedoooo的博客
07-14 670
本篇文章，我们主要对React Native做一个介绍及如何与小程序进行结合。
MacOS下搭建开发环境React Native 目标平台ios
十二的博客
04-10 293
官网: https://reactnative.cn/docs/getting-started 开发平台： macOS 目标平台： iOS 安装依赖 必须安装的依赖有：Node、Watchman、Xcode和CocoaPods。 虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Xcode 来获得编译 iOS 应用所需的工具和环境 推荐使用Homebrew来安装 Node和...
React Native开发iOS实战录
一段曲折的旅程，一个艰难的人生
02-10 2324
总结React native开发iOS应用的基础知识
搭建react native 开发环境以及遇到的一些问题
toyong的博客
04-28 1008
pod install 如果这里CocoaPods 的依赖安装步骤卡很久（命令行停在 Installing CocoaPods dependencies）的话，需要稳定的科学上网。或者更换使用清华源。 Error: Failed to install CocoaPods dependencies for iOS project, which is required by this template
windows下react-native使用mac虚拟机调试ios记录
weixin_43860852的博客
08-25 372
参考文章 链接:实测安装成功。
混合开发实践：React Native +小程序
finogeeks的博客
07-15 631
既然我们应用 React Native 进行跨端开发，如果我们把混合应用模式从「原生H5」换为「原生+小程序」会如何？
MacOS系统实现React-Native跨平台开发（IOS和Android）
01-03
（1）参考官网地址：https://reactnative.cn/docs/getting-started.html  1》安装相应的node环境、（npm、yarn）包管理器、（watchman）文件检测服务、  （react-native-cli）脚手架、（CocoaPods）第三方包依赖...
react-native-sqlite-demo:使用React Native，SQLite，TypeScript和Cocoapods构建的离线优先列表应用程序。 在iOS和macOS上运行
05-23
安装JS依赖项 npm install安装iOS依赖项（需要 ） pushd ios/pod installpopd安装macOS依赖项 pushd macos/pod installpopd启动React Native Metro Bundler npm run start:macos在iOS模拟器上运行（和调试） 安装了...
create-react-native-app：创建可在iOS，Android和Web上运行的React Native应用
01-29
yarn ios （ react-native run-ios ）生成iOS应用（需要MacOS计算机）。 yarn android （ react-native run-android ）生成Android应用程序。 yarn web （ expo start:web ）在浏览器中运行网站。 范本 默认情况...
React native新架构组成
u010436867的博客
06-13 516
React Native 新架构的主要部分包括：Fabric: 新的渲染引擎，支持并发渲染和更直接的通信。TurboModules: 新的模块系统，通过 JSI 提供更高效的模块调用。JSI (JavaScript Interface): 新的接口层，允许 JavaScript 和 C++ 之间的直接调用。Codegen: 自动生成 JavaScript 和原生代码之间的绑定代码。Hermes: 一个优化的 JavaScript 引擎，支持 AOT 编译。
电脑温度检测软件， 夏天的时候可以用用，不用安装那么多的臃肿软件
06-16
电脑温度检测软件， 夏天的时候可以用用，不用安装那么多的臃肿软件
基于SpringBoot的旅游网站的设计与实现
06-16
本旅游网站系统采用的数据库是MYSQL，使用JSP技术开发，在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。本旅游网站系统采用的数据库是MYSQL，使用JSP技术开发，在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。本旅游网站系统采用的数据库是MYSQL，使用JSP技术开发，在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。本旅游网站系统采用的数据库是MYSQL，使用JSP技术开发，在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。本旅游网站系统采用的数据库是MYSQL，使用JSP技术开发，在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。本旅游网站系统采用的数据库是MYSQL，使用JSP技术开发，在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性
BTT0.mdl.z..._lan.zip
06-16
BTT0.mdl.z..._lan
C#调用adb传输和推送数据到安卓设备上.zip
最新发布
06-16
C#调用adb传输和推送数据到安卓设备上
c++的游戏必备函数，外加个做迷宫，合成一个头文件
06-16
有
macos 升级 react-native
08-17
要在macOS上升级React Native，你需要执行以下步骤： 1. 确保你已经安装了npm。如果没有，请前往npm官方网站进行安装。 2. 打开终端，并导航到你的React Native项目目录。 3. 运行以下命令来安装最新版本的React Native和相关依赖项： ``` npm install react-native ``` 4. 如果你的项目中使用了react和react-native-web，请确保也将它们安装为对等依赖项： ``` npm install react react-native-web ``` 5. 如果你的项目还使用了react-art，请确保也将其安装： ``` npm install react-art ``` 6. 完成上述步骤后，React Native将会被升级到最新版本，并且你的项目应该会正常运行。 引用： <span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [react-native-electron：Web的React Native的Electron扩展](https://download.csdn.net/download/weixin_42119989/14995698)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [adblock plus插件 for macOS 火狐浏览器firefox xpi文件](https://download.csdn.net/download/lushuilann/88217528)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [react-native-tcp-socket:使用客户端SSLTLS支持对适用于Android，iOS和macOS的本机TCP套接字API进行React](https://download.csdn.net/download/weixin_42152298/18400234)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值