У меня приложение-реакция работает нормально на моем сервере localhost, и я попытался развернуть его на Heroku. Однако когда я набираю go на свой адрес приложения, полученный от Heroku, я получаю пустую страницу. Ни один из компонентов или что-либо еще не отображается. Есть идеи, почему? Я опубликую свой server. js и App. js ниже, или, если есть что-то еще, что я могу опубликовать, чтобы помочь в этом разобраться, дайте мне знать. Я просто неправильно связываю что-то, поэтому компоненты не включены в мой индекс сборок. html или что-то еще происходит?
import React from 'react';
import {BrowserRouter as Router, Route, Switch} from 'react-router-dom';
import "./styles.css";
import Home from './Home';
import Locations from './Locations';
import ContactForm from './Contact';
import NoMatch from './NoMatch';
import AboutUs from './AboutUs';
import Menu from './Menu';
import { NavigationBar } from './components/NavBar';
function App() {
return (
<React.Fragment>
<NavigationBar />
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/aboutus" component={AboutUs} />
<Route path="/locations" component={Locations} />
<Route path="/contact" component={ContactForm} />
<Route path="/menu" component={Menu} />
<Route component={NoMatch} />
</Switch>
</Router>
</React.Fragment>
);
}
export default App;
const express = require('express')
const path = require('path')
const app = express()
app.use(express.static(path.join(__dirname, 'build')));
app.get('/*', function (req, res) {
res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
app.listen(process.env.PORT || 5000)
Любая помощь приветствуется. Вы можете посмотреть развернутую страницу, перейдя по адресу https://desolate-river-56657.herokuapp.com/, если это вообще поможет. Единственное, что, как мне кажется, могло бы вызвать это, - это неправильная файловая структура, в которую компоненты просто не включены, или что-то в этом роде.