リアクションルーターを使用したリフレッシュルートが動作していません

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ラビビトールの一般的なケースのようです。キャッシュパケットサーバーの比率をリセットするだけで、それ以降はすべてが機能するはずです。