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问题配置好没有这个问题

最新文章

  1. [C#] 剖析 AssemblyInfo.cs - 了解常用的特性 Attribute
  2. LINQ函数
  3. css 图片内容在不同分辨率下居中显示(演示的图片宽度是1920px,当图片宽度大于显示屏的宽度时)
  4. myBatis之事务管理
  5. 快手 KSCAD 5.0 矢量图形设计软件
  6. PHP 用QueryList抓取网页内容
  7. 转:label标签的特殊用法
  8. 创建Unity新项目并编译成游戏程序
  9. JavaScript Garden
  10. weblogic9.2重置密码
  11. 小学生之SpringMVC
  12. Android Lint的使用
  13. 大数据技术Hadoop笔试题
  14. 更新git源以便安装最新版本
  15. 对比 Git 与 SVN,这篇讲的很易懂
  16. 《ServerSuperIO Designer IDE使用教程》- 6.增加与阿里云物联网(IOT)对接服务,实现数据交互。发布:v4.2.4 版本
  17. tensorflow 笔记13:了解机器翻译,google NMT,Attention
  18. .NET Core开发日志——Runtime IDentifier
  19. 【WEB前端】CSS书写规范
  20. CF 166E Tetrahedron

热门文章

  1. Sumdiv(约数和问题)
  2. django之项目部署知识点
  3. matplotlib--直线和点
  4. Js中window.location.href和window.location.replace的区别
  5. Test 3.27 T2 旅行
  6. unique && stl的全排列
  7. Tomcat的配置文件server.xml叙述
  8. BUUCTF | [RoarCTF 2019]Easy Calc
  9. 170814关于Cookie的知识点
  10. 23 October