首先使用react native編寫一個(gè)簡(jiǎn)單的應(yīng)用，在碰到問題的時(shí)候，肯定需要對(duì)代碼進(jìn)行調(diào)試。目前react native支持在Chrome瀏覽器內(nèi)進(jìn)行調(diào)試。需要選擇Scheme->Run的選項(xiàng)為Debug,否則模擬器中不會(huì)出現(xiàn)調(diào)試選項(xiàng)。
將應(yīng)用設(shè)置為在模擬器中運(yùn)行，運(yùn)行后，按鍵Command+D，彈出調(diào)試菜單選項(xiàng)，選擇Debug in Chrome。目前的版本只支持Chrome進(jìn)行調(diào)試，后續(xù)可能會(huì)支持Safari進(jìn)行調(diào)試。調(diào)試過程就跟平常寫前端調(diào)試js代碼一樣，可以加斷點(diǎn)，打日志進(jìn)行調(diào)試。
有些情況下，Chrome瀏覽器不起作用，可能是因?yàn)槠渌麘?yīng)用插件的原因，這個(gè)時(shí)候需要將其他插件禁用，以進(jìn)行react native代碼的調(diào)試。
如果要需要在真機(jī)上運(yùn)行，需要將jsCodeLocation中地址改為本機(jī)的ip地址，比如192.168.1.x之類的，這樣就可以在真機(jī)上運(yùn)行，但是還是不能發(fā)布到appstore上面去。發(fā)布的時(shí)候，需要將該代碼注釋
jsCodeLocation = [NSURL URLWithString:@"http:// localhost:8081/index.ios.bundle"];
，反注釋這一行代碼：
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
這樣，該應(yīng)用就可以一直在真機(jī)上運(yùn)行，而不依靠開發(fā)環(huán)境的支持了。
發(fā)布的時(shí)候，還要記得選擇release版本，這樣調(diào)試菜單才不會(huì)出現(xiàn)。