推送到 heroku 时，我网站的一部分无法呈现

Question

我的网站 (react-app) 的一部分在推送到 heroku 时不会呈现，但它在本地运行良好。 heroku 域是 https://notmicahclark.herokuapp.com/

它成功上传到 heroku 没有错误

我的回购是 https://github.com/Scharite13/NotMicahClark。

该页面为/art页面。

相关代码是art.js文件，图片在public，对象在art_database.js

Answer 1

您已经生成了一次 build 文件夹。您已经对代码进行了更改，但尚未生成新版本。

const express = require("express");
const app = express();
const port = process.env.port || 5000
app.use(express.static(path.join(__dirname, 'build')));
app.get('/*', (req, res) => {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});    
app.listen(port, () => console.log(`Server started on port: ${port}`));

在这里您可以看到您只提供构建文件夹中的内容。没变。

进入您的客户文件夹并执行 npm build 并将生成的构建文件移动到 /build。

推送到 heroku 时，我网站的一部分无法呈现

Part of my website not rendering when pushed to heroku

html

local

heroku

create-react-app