Я сделал свой проект и хочу поместить его на сервер.Я сделал npm run build
, поместил все внутри папки сборки на сервер, когда я захожу в приложение в браузере, я не получаю никаких ошибок или предупреждений.Просто белая пустая страница.
Я думаю, что проблема в маршрутизации, но я не знаю, что делать или как определить ошибку.
"name": "hermes-project",
"homepage": "./",
"version": "0.1.0",
"private": true,
"dependencies": {
"auth0-js": "^9.10.2",
"classnames": "^2.2.6",
"clipboard-polyfill": "^2.8.0",
"contentful": "^7.5.0",
"contentful-management": "^5.7.1",
"marked": "^0.6.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-markdown": "^4.0.8",
"react-router-dom": "^5.0.0",
"react-scripts": "2.1.8"
Маршрутизация
<BrowserRouter>
<Router history={history} component={App}>
<div>
<Route exact path="/" render={(props) => <Login auth={auth} {...props} />} />
<Route path="/brand" render={(props) => (
!auth.isAuthenticated() ? (
<Redirect to="/login"/>
) : (
<Brand auth={auth} {...props} />
)
)} />
<Route path="/board" render={(props) => (
!auth.isAuthenticated() ? (
<Redirect to="/login"/>
) : (
<Board auth={auth} {...props} />
)
)} />
<Route path="/Profile" render={(props) => (
!auth.isAuthenticated() ? (
<Redirect to="/login"/>
) : (
<Profile auth={auth} {...props} />
)
)} />
<Route path="/login" render={(props) => <Login auth={auth} {...props} />} />
<Route path="/callback" render={(props) => {
handleAuthentication(props);
return <Callback {...props} />
}}/>
</div>
</Router>
</BrowserRouter>