ReactJS Heroku部署错误：加载资源失败：服务器响应状态为404（未找到）

Question

我有一个ReactJS应用程序，我正试图部署在heroku上。它在本地运行良好，但部署不正确！在页面上，我无法获得/

应用程序链接：https://nameless-spire-06291.herokuapp.com/

控制台错误：1。加载资源失败：服务器响应状态为404（未找到）2。拒绝加载图像的https://nameless-spire-06291.herokuapp.com/favicon.ico'因为它违反了以下内容安全策略指令：“default src'none'”。请注意，“img src”未显式设置，因此“default src”用作回退。

>

这里是我的server.js供参考：

const express = require('express')
const app = express()
const path = require('path')
const port = process.env.PORT || 3001

app.use('/', express.static(path.join(__dirname, 'public')))

app.listen(port, () => console.log("Listening on Port", port)) 

包裹json:

"scripts": {
    "dev": "parcel src/index.html",
    "build": "parcel build src/index.html",
    "start": "node server.js" ,
    "heroku-postbuild":"npm run build"
},

这一切都是全新的，所以我不知道下一步该去哪里，我会很感激你的任何想法！

Answer 1

Parcel的默认输出目录是dist，而不是Public。这是您要传递给express.static中间件的目录，以便它在正确的目录中查找资源。

app.use('/', express.static(path.join(__dirname, 'dist')))