我正在尝试从媒体链接中引用的Netlify中部署React应用程序:https://link.medium.com/nw9ZCh0lrV
所以我用快递服务器来定义构建脚本并在生产模式下设置应用程序
构建脚本在本地计算机上创建并在netlify站点上载
它显示消息为成功部署
在单击URL链接时,它显示GET请求生成脚本的状态为404
netlify URL链接:https://nostalgic-euclid-4f95ab.netlify.com
你们可以帮我弄错您的建议的地方吗
以下是附加的应用程序屏幕截图
-提供以下代码段:


server.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'));
});


packagae.json

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


javascript - 在Netlify中部署React App的问题-LMLPHP
javascript - 在Netlify中部署React App的问题-LMLPHP

最佳答案

create react app中的一个常见错误是在homepage文件中添加与您的站点位置不匹配的package.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)中。 build命令将在每次部署时替换它。
您将不需要提供的server.js文件。

关于javascript - 在Netlify中部署React App的问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55418728/

10-11 17:13