javascript - 更改路由时在 react.js 中获取一个非常神秘的消息

Question

通过 history.replace(PATH) 更改我的应用程序路由后，我收到了这个非常神秘的错误消息。堆栈显示源自 redux 的 applyMiddleware 的错误。我使用 thunk 和 redux-promise 作为中间件。

我已尝试通过我的每个组件跟踪渲染路径，但我的断点从未到达我尝试加载的状态的渲染方法。

我还尝试更新我的 npm 模块并重建项目。

我正在使用 React 15.0.2。

ReactReconciler.js:54 Uncaught (in promise) TypeError: Cannot read property 'getNativeNode' of null(…)getNativeNode @ ReactReconciler.js:54getNativeNode @ ReactCompositeComponent.js:303getNativeNode @ ReactReconciler.js:54updateChildren @ ReactChildReconciler.js:89_reconcilerUpdateChildren @ ReactMultiChild.js:178_updateChildren @ ReactMultiChild.js:271updateChildren @ ReactMultiChild.js:259_updateDOMChildren @ ReactDOMComponent.js:845updateComponent @ ReactDOMComponent.js:691receiveComponent @ ReactDOMComponent.js:647ReactDOMComponent_receiveComponent @ ReactPerf.js:66receiveComponent @ ReactReconciler.js:103updateChildren @ ReactChildReconciler.js:85_reconcilerUpdateChildren @ ReactMultiChild.js:178_updateChildren @ ReactMultiChild.js:271updateChildren @ ReactMultiChild.js:259_updateDOMChildren @ ReactDOMComponent.js:845updateComponent @ ReactDOMComponent.js:691receiveComponent @ ReactDOMComponent.js:647ReactDOMComponent_receiveComponent @ ReactPerf.js:66receiveComponent @ ReactReconciler.js:103_updateRenderedComponent @ ReactCompositeComponent.js:661_performComponentUpdate @ ReactCompositeComponent.js:643updateComponent @ ReactCompositeComponent.js:572ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:495receiveComponent @ ReactReconciler.js:103_updateRenderedComponent @ ReactCompositeComponent.js:661_performComponentUpdate @ ReactCompositeComponent.js:643updateComponent @ ReactCompositeComponent.js:572ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:495receiveComponent @ ReactReconciler.js:103_updateRenderedComponent @ ReactCompositeComponent.js:661_performComponentUpdate @ ReactCompositeComponent.js:643updateComponent @ ReactCompositeComponent.js:572ReactCompositeComponent_updateComponent @ ReactPerf.js:66receiveComponent @ ReactCompositeComponent.js:495receiveComponent @ ReactReconciler.js:103_updateRenderedComponent @ ReactCompositeComponent.js:661_performComponentUpdate @ ReactCompositeComponent.js:643updateComponent @ ReactCompositeComponent.js:572ReactCompositeComponent_updateComponent @ ReactPerf.js:66performUpdateIfNecessary @ ReactCompositeComponent.js:511performUpdateIfNecessary @ ReactReconciler.js:122runBatchedUpdates @ ReactUpdates.js:143perform @ Transaction.js:136perform @ Transaction.js:136perform @ ReactUpdates.js:89flushBatchedUpdates @ ReactUpdates.js:165ReactUpdates_flushBatchedUpdates @ ReactPerf.js:66closeAll @ Transaction.js:202perform @ Transaction.js:149batchedUpdates @ ReactDefaultBatchingStrategy.js:63enqueueUpdate @ ReactUpdates.js:194enqueueUpdate @ ReactUpdateQueue.js:22enqueueSetState @ ReactUpdateQueue.js:201ReactComponent.setState @ ReactComponent.js:67handleChange @ connect.js:301dispatch @ createStore.js:186(anonymous function) @ index.js:28(anonymous function) @ index.js:9dispatch @ applyMiddleware.js:45

Answer 1

解决了这个问题。原来这是由于尝试映射数组以在导航到的组件的渲染方法中生成子组件引起的。我希望错误消息更具描述性。