我正在尝试从媒体链接中引用的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"
}
最佳答案
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/