我有一个奇怪的问题,我不确定我的堆栈的哪个部分负责抛出错误。我目前有一个es6 / webpack / react-router rc2 / flux(altjs)同构(普遍)渲染的应用程序。如果前端的任何部分有任何错误(语法错误或其他)或者api端点不正确/没有响应相应的数据格式(即数据不被发回,因此无法映射到一个我的反应组件)服务器崩溃并出现以下错误
无法读取未定义
的属性statuscode.toString()
这个反应路由器是否相关? Webpack相关吗? React有关吗?我希望我能有一个更丰富的堆栈跟踪,因为我在后端工作,因为我不确定什么是不正确的,无论是前端代码还是后端代码。有没有办法去捕捉"发生了什么。除了引发此错误的预期数据结构外,没有其他任何变化。
编辑:
export default class Dashboard extends React.Component {
constructor(props) {
super(props);
this.state = {
data: DataStore.getState().data
};
}
render() {
return (
<div className='dashboard'>
<Tile gridWidth='cute-6-laptop' linkTo='/data/temperature/water' size='regularTile' title='Water Temperature'>
<OverviewChart data={this.state.data.Water_Demand.devices} mapObj={mapObjs.water} keyData={[{key: null, value: this.state.data.Water_Demand.devices[2].readings[this.state.data.Water_Demand.devices[2].readings.length - 1].rate, units: this.state.data.Water_Demand.devices[2].rateUnits}]} chartClass='interiorTemperature' includeNavChart={false} includeBarChart={false} w='473' h='180'/>
</Tile>
</div>
);
}
}