在 netlify 中部署 React 应用程序时出现问题

Question

• 我正在尝试在 netlify 中部署 React 应用程序，如媒体链接所述：https://link.medium.com/nw9ZCh0lrV
• 所以我使用 Express 服务器来定义构建脚本并在生产模式下设置应用程序
• 构建脚本在本地计算机中创建并上传到 netlify 站点
• 显示部署成功的消息
• 单击 URL 链接时，它会将构建脚本的 GET 请求状态显示为 404
• netlify URL 链接：https://nostalgic-euclid-4f95ab.netlify.com
• 你们能帮我看看我的建议有误吗
• 下面附有应用程序屏幕截图 - 提供下面的代码片段：

服务器.js

const express = require('express');
const favicon = require('express-favicon');
const app = express();

app.use(favicon(__dirname + '/build/favicon.ico'));
app.use(express.static(__dirname));
app.use(express.static(path.join(__dirname,'build')));
app.get('/*', function (req, res) {
    res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

包.json

"scripts" : {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

Answer 1

a 中的一个常见错误是在文件中create react app添加与您的站点位置不匹配的 a。进行生产构建后，资产将在域后面添加任何路径的值。homepagepackage.json

https://nostalgic-euclid-4f95ab.netlify.com/codehangar/react-interview/static/js/main.7ab6795d.chunk.js

从损坏的 (404) 资源的路径来看，您的主页值类似于：

  "homepage": "https://example.com/codehangar/react-interview",

如果您要包含主页值，请确保它与您的网站 URL 相同。

在您的情况下，该值应该是：

  "homepage": " https://nostalgic-euclid-4f95ab.netlify.com",

注意： *通常，请将此设置保留在文件之外，直到您上线并设置域为止。

还：

• 无需将构建文件夹存储在存储库 (.gitignore) 中。构建命令将在每次部署时替换它。
• 您将不需要server.js您提供的文件。