react native 打包至iphone设备
2024-09-02 22:01:37
1、新建bundle
在自己项目的ios文件夹下新建一个文件夹取名bundle
PS:ios文件夹和node_modules文件夹在同一级目录下,这个bundle文件夹名称随意取,后面要用到,但是记得在相应地方改一下就好了
2、修改package.json
//scripts 内加入
"bundle-ios": "node node_modules/react-native/local-cli/cli.js bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/index.ios.jsbundle --assets-dest ./ios/bundle" //参数说明:
--entry-file 指定入口文件 因为要打包ios平台,所以指定为rn项目的index.ios.js作为入口
--bundle-output 指定输出的jsbundle文件路径和文件名 指定到rn项目的ios工程文件夹下,记得一定要先创建bundle文件夹,不然终端会报文件夹找不到的错误
--platform 指定平台类型
--assets-dest 指定资源文件夹路径 assets文件夹的路径,包含图片、node模块等资源
--dev 是否为开发模式 如果设置为false,不会产生警告,并且bundle会被压缩
3、修改根目录 ./ios/项目名称/AppDelegate.m
//电脑模拟器执行
// jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; //打包至真机执行
//jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"index.ios" withExtension:@"jsbundle"];
4、编译
修改后执行 npm run bundle-ios,执行成功后会在新建的 bundle 内打包 index.ios.jsbundle 文件 如下图
5、用Xcode打开项目文件
拖入index.ios.jsbundle 文件选择create folder references
6、打包至手机
手机连接电脑(mac) 选择连接的手机 run 完美 !
遇到的问题
1、ReactNative出现错误问题'React/RCTAssert.h' file not found
https://www.cnblogs.com/shihao905/p/9296367.html
2、Signing for "rnDemoTests" requires a development team. Select a development
重新配置开发者账号,由自动配置改为手动配置
3、code signing is required for product type 'xxxxx' in SDK 'iOS 11.4'
2问题配置好没有这个问题
最新文章
- [C#] 剖析 AssemblyInfo.cs - 了解常用的特性 Attribute
- LINQ函数
- css 图片内容在不同分辨率下居中显示(演示的图片宽度是1920px,当图片宽度大于显示屏的宽度时)
- myBatis之事务管理
- 快手 KSCAD 5.0 矢量图形设计软件
- PHP 用QueryList抓取网页内容
- 转:label标签的特殊用法
- 创建Unity新项目并编译成游戏程序
- JavaScript Garden
- weblogic9.2重置密码
- 小学生之SpringMVC
- Android Lint的使用
- 大数据技术Hadoop笔试题
- 更新git源以便安装最新版本
- 对比 Git 与 SVN,这篇讲的很易懂
- 《ServerSuperIO Designer IDE使用教程》- 6.增加与阿里云物联网(IOT)对接服务,实现数据交互。发布:v4.2.4 版本
- tensorflow 笔记13:了解机器翻译,google NMT,Attention
- .NET Core开发日志——Runtime IDentifier
- 【WEB前端】CSS书写规范
- CF 166E Tetrahedron
热门文章
- Sumdiv(约数和问题)
- django之项目部署知识点
- matplotlib--直线和点
- Js中window.location.href和window.location.replace的区别
- Test 3.27 T2 旅行
- unique &;&; stl的全排列
- Tomcat的配置文件server.xml叙述
- BUUCTF | [RoarCTF 2019]Easy Calc
- 170814关于Cookie的知识点
- 23 October