通过Webpack

时间:2015-11-02 15:49:22

标签: reactjs webpack react-router flux

我有一个奇怪的问题,我不确定我的堆栈的哪个部分负责抛出错误。我目前有一个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>
    );
}
}

0 个答案:

没有答案