當調試反應本地時，你如何得到任何有用的調用堆棧信息？

Question

當我嘗試調試本機反應時，它通常看起來像這樣。

at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js:785) 
at ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js:811) 
at ReactCompositeComponentWrapper._updateRenderedComponent (ReactCompositeComponent.js:735) 
at ReactCompositeComponentWrapper._performComponentUpdate (ReactCompositeComponent.js:715) 
at ReactCompositeComponentWrapper.updateComponent (ReactCompositeComponent.js:634) 
at ReactCompositeComponentWrapper.receiveComponent (ReactCompositeComponent.js:534) 
at Object.receiveComponent (ReactReconciler.js:131) 
at ReactCompositeComponentWrapper._updateRenderedComponent (ReactCompositeComponent.js:737) 

有沒有有用的信息，如果我使用debugger命令，看看有什麼發起的50深入調用堆棧，那麼它幾乎總是歸結爲onmessage方法`debuggerWorker.js'，這是幾乎爲零有用。 您如何真正調試您的原生應用程序？

onmessage = function(message) { 
    var object = message.data; 

    var sendReply = function(result) { 
    postMessage({replyID: object.id, result: result}); 
    }; 

    var handler = messageHandlers[object.method]; 
    if (handler) { 
    // Special cased handlers 
    handler(object, sendReply); 
    } else { 
    // Other methods get called on the bridge 
    var returnValue = [[], [], [], 0]; 
    try { 
     if (typeof __fbBatchedBridge === 'object') { 
     returnValue = __fbBatchedBridge[object.method].apply(null, object.arguments); 
     } 
    } finally { 
     sendReply(JSON.stringify(returnValue)); 
    } 
    } 
}; 

Answer 1

我傾向於使用堆棧跟蹤來找出發生錯誤的一般區域，然後使用web調試器來真正找出錯誤發生的時間。

https://facebook.github.io/react-native/docs/debugging.html#chrome-developer-tools

它實際上相當不錯的，你可以打開的Chrome瀏覽器開發工具的源標籤所有的js文件，然後把調試點，只是通過你的文件步驟，並查看您的變量。