怎样解决React native iOS 如下错误?

Question

怎样解决React native iOS 如下错误

Answer 1

首先使用react native编写一个简单的应用，在碰到问题的时候，肯定需要对代码进行调试。目前react native支持在Chrome浏览器内进行调试。需要选择Scheme->Run的选项为Debug,否则模拟器中不会出现调试选项。
将应用设置为在模拟器中运行，运行后，按键Command+D，弹出调试菜单选项，选择Debug in Chrome。目前的版本只支持Chrome进行调试，后续可能会支持Safari进行调试。调试过程就跟平常写前端调试js代码一样，可以加断点，打日志进行调试。
有些情况下，Chrome浏览器不起作用，可能是因为其他应用插件的原因，这个时候需要将其他插件禁用，以进行react native代码的调试。
如果要需要在真机上运行，需要将jsCodeLocation中地址改为本机的ip地址，比如192.168.1.x之类的，这样就可以在真机上运行，但是还是不能发布到appstore上面去。发布的时候，需要将该代码注释
jsCodeLocation = [NSURL URLWithString:@"http:// localhost:8081/index.ios.bundle"];
，反注释这一行代码：
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
这样，该应用就可以一直在真机上运行，而不依靠开发环境的支持了。
发布的时候，还要记得选择release版本，这样调试菜单才不会出现。