reactxで反応ルータを使用する場合の空白の画面の修正方法

Question

ローカルホストでは正常です。しかし、 "npm run build"を使用してソースをサーバーライブにアップロードすると、私のページは何もエラーも警告もない空白の画面になります。これは私のコードです。助けてくれてありがとう。

'use strict'; 
import React from 'react'; 
import { render } from 'react-dom'; 
import { Provider } from 'react-redux'; 
import { createStore , applyMiddleware } from 'redux'; 

import dataService from './box-message/api'; 

import switchsApp from './box-message/reducers'; 
import App from './box-message/components'; 

import {Router, Route, browserHistory} from 'react-router'; 
import MyProfile from './profile'; 

import '../index.html'; 
import '../libs/js/socketcluster.min.js'; 
import '../libs/css/styles.min.css'; 

window.store = createStore(switchsApp , applyMiddleware(dataService)); 

window.store.dispatch({type: 'GET_MESSAGE_DATA'}); 

render(
    <Provider store={window.store} > 
     <Router history={browserHistory}> 
      <Route path="/" component={App} /> 
      <Route path="/question" component={MyProfile} /> 
     </Router> 
    </Provider> 
    ,document.getElementById('root') 
) 

Answer 1

私はと実行サブフォルダがルータを反応させる方法を見つけました。

import {Router, Route, browserHistory , hashHistory, IndexRoute , useRouterHistory } from 'react-router'; 
import { createHistory } from 'history' 

const appHistory = useRouterHistory(createHistory)({ 
    basename: "/demos/v1" 
}); 
render(
    <Provider store={window.store}> 
     <Router history={appHistory}> 
      <Route path="/" component={App}> 
       <IndexRoute component={BoxMessage} /> 
       <Route path="/profile" component={MyProfile} > 
        <Route path="/profile/:id" component={MyProfile}/> 
        <Route path="/profile/:id/:fisrt_name" component={MyProfile}/> 
        <Route path="/profile/:id/:fisrt_name/:last_name" component={MyProfile}/> 
        <Route path="/profile/:id/:fisrt_name/:last_name/:avatar" component={MyProfile}/> 
       </Route> 
      </Route> 
     </Router> 
    </Provider> 
    , 
    document.getElementById('root') 
) 

Answer 2

私は私のルータで何かを編集し

<IndexRoute component={App}/> 

Answer 3

を試してみてください。私はpretty urlに "browserHistory"を使用します。 localhostでうまくいきます。私はインデックスとプロファイルページの間でルータを簡単に交換することができます。しかし、私は再度 "空の画面"の問題は、サーバーのライブ（私のドメインはhttpsです）をアップロードするときに会う。私はそれらと混同します。私は助けが必要です。皆さんありがとう！

。 P/S：私は反応し、ルータを使用します。V3.0.2

import {Router, Route, browserHistory , hashHistory, IndexRoute} from 'react-router'; 

class App extends React.Component{ 

    constructor(props) { 

     super(props); 
    } 

    render() { 
     return (
      <section> 
       {this.props.children} 
      </section> 
     ) 
    } 
} 

render(
    <Provider store={window.store}> 
     <Router history={browserHistory}> 
      <Route path="/" component={App}> 
       <IndexRoute component={BoxMessage} /> 
       <Route path="/profile" component={MyProfile} /> 
      </Route> 
     </Router> 
    </Provider> 
    , 
    document.getElementById('root') 
)