刷新路由与反应路由器不起作用

Question

我正在与反应路由器，但我有一个问题，当我尝试重新加载一些意见。这是我的代码

路由器文件

var React = require('react'); 
var ReactRouter = require('react-router'); 
var Router = ReactRouter.Router; 
var Route = ReactRouter.Route; 
var IndexRoute = ReactRouter.IndexRoute; 

/*Windows*/ 
var Index = require('./components/views/Index.jsx'); 
var RegisterForm = require('./components/views/RegisterForm.jsx'); 
var Base = require('./components/Base.jsx'); 
var Intro = require('./components/views/Intro.jsx'); 
var ProductsView = require('./components/views/ProductsView.jsx'); 
var SuccessfullyRegistered = require('./components/views/SuccessfullyRegistered.jsx'); 
var Cart = require('./components/views/Cart.jsx'); 
var EditAccount = require('./components/views/EditAccount.jsx'); 
var BuyStep01 = require('./components/views/BuyStep01.jsx'); 
var NotFoundPage = require('./components/views/NotFoundPage.jsx'); 

var browserHistory = ReactRouter.browserHistory; 
var hashHistory = ReactRouter.hashHistory; 

var Routes = (
    <Router history={browserHistory}> 
    <Route path="/" component={Base}> 
     <IndexRoute component={Intro}/> 
     <Route path="index" component={Index}/> 
     <Route path="register" component={RegisterForm}/> 
     <Route path="success" component={SuccessfullyRegistered}/> 
     <Route path="product" component={ProductsView}/> 
     <Route path="cart" component={Cart}/> 
     <Route path="editaccount" component={EditAccount}/> 
     <Route path="step01" component={BuyStep01}/> 
     <Route path="*" component={NotFoundPage}/> 
    </Route> 
    </Router> 
); 

module.exports = Routes; 

我的基本文件

var React = require('react'); 
var Footer = require('../components/footer/Footer.jsx'); 
var SocialNetsBox = require('../components/socialNets/SocialNetsBox.jsx'); 

var Base = React.createClass({ 
    render: function(){ 
    var style={ 
     overflowX: 'hidden' 
    }; 
    var styleHidden={ 
     overflow: 'hidden' 
    }; 
    return(
     <div className="father"> 
     <SocialNetsBox/> 
     <div className="container-fluid" style={style}> 
       {this.props.children} 
     </div> 
     <Footer/> 
     </div> 
    ); 
    } 
}); 

module.exports = Base; 

和我mainfile。

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var Routes = require('./Routes.jsx'); 

ReactDOM.render(Routes, document.getElementById('main')); 

的问题是，当我按F5或刷新浏览器图标，我得到了一个空白页面，而在控制台的任何错误。我不知道发生了什么事。我正在使用http服务器

Answer 1

这似乎是RFP rabbitholing的常见情况。你只需要重置缓存数据包服务器的比例，一切都应该在那之后工作。