无法让我的 create-react-app 在 heroku 上呈现答案

【问题标题】：trouble getting my create-react-app to render on heroku无法让我的 create-react-app 在 heroku 上呈现
【发布时间】：2020-09-16 02:22:33
【问题描述】：

我的 react-app 在我的 localhost 服务器上运行良好，我尝试将它部署到 Heroku。但是，当我转到从 Heroku 获得的应用程序地址时，我遇到了一个空白页面。没有任何组件或任何东西被渲染。任何想法为什么？我将在下面发布我的 server.js 和 App.js，或者如果我可以发布任何其他内容来帮助解决这个问题，请告诉我。我只是链接了错误的东西，所以组件没有包含在我的构建 index.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/ 查看已部署的页面。我能想到的唯一另一件事是导致此问题的文件结构错误，其中没有包含组件或类似的东西。

【问题讨论】：

控制台没有错误？
我遇到了一个 Firebase 错误，我将在之后解决这个错误。这会对我的前端显示有任何影响吗？

标签： javascript express heroku deployment create-react-app

【解决方案1】：

如果你同时部署你的后端和前端，那么你需要在后端 package.json 中编写 heroko post build 脚本

"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix ../FRONTEND FOLDER_NAME && npm run build --prefix npm start --prefix ../FRONTEND FOLDER_NAME"

【讨论】：