Ссылка на проект : клик
Воспользовался стандартным гайдом в терминале "как залить прод на gh pages". Вбиваю npm run deploy
, ввожу SSH pass, получаю ответ Published, якобы все в порядке. Захожу, а там пустой экран. Ошибок в консоли нет, файлы подтянулись. В чем может быть проблема?
UPD : Роутинг :
index.js
import React from "react";
import ReactDOM from "react-dom";
import App from "./components/App";
import { Router } from "react-router-dom";
import "./styles/main.css";
import "./styles/reset.css";
import { Provider } from "react-redux";
import { createStore, applyMiddleware } from "redux";
import ReduxThunk from "redux-thunk";
import reducers from "./reducers";
import history from "./history";
const store = createStore(
reducers,
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(),
applyMiddleware(ReduxThunk)
);
ReactDOM.render(
<Provider store={store}>
<Router history={history}>
<App />
</Router>
</Provider>,
document.getElementById("root")
);
App.js
import React, { Component } from "react";
import { Switch, Route } from "react-router-dom";
import Login from "./Login";
import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
import Application from "./Application";
import DashboardComponent from "./DashboardComponent";
class App extends Component {
render() {
return (
<MuiThemeProvider>
<Switch>
<Route exact path="/" component={Login} />
<Route path="/dashboard" component={Application} />
</Switch>
</MuiThemeProvider>
);
}
}
export default App;
Application.js
import React, { Component } from "react";
import { Switch, Route } from "react-router-dom";
import DashboardComponent from "./DashboardComponent";
import Menu from "./Menu.js";
import Sidebar from "./Sidebar.js";
import "../css/page-content.css";
import Account from "./Account";
class Application extends Component {
render() {
return (
<div className="page">
<Sidebar />
<div className="page-content">
<Menu />
<div>
<Switch>
<Route
exact
path="/dashboard/dash"
component={DashboardComponent}
/>
<Route exact path="/dashboard/account_info" component={Account} />
</Switch>
</div>
</div>
</div>
);
}
}
export default Application;
redux
иreact-router@4
?#!/путь
или аналогичный)?#
, т. к. она существует только для клиента и в запросе на сервер не участвует. У вас, впрочем, похоже, что проблема не непосредственно эта.