谢谢这对我帮助很大。只是想用来自具有相同解决方案的 Create-React-App 项目的示例添加到此：部署到 heroku 后，我收到了相同的错误。

Uncaught SyntaxError: Unexpected token < after serve -s build

对我来说，问题出在 packages.json 文件中。我给的“主页”参数不正确。将其更改为正确的 heroku URL 解决了该问题。

"homepage": "https://myapp.herokuapp.com/"

希望这个补充有帮助。

我最终在这里找到了答案：https : //github.com/facebook/create-react-app/issues/1812

我从上面修剪了完整的解决方案，但我改变了：

app.use(express.static('client/build'));
app.get("*", (req, res) => {
    res.sendFile(require('path')
        .resolve(__dirname, 'client', 'build', 'index.html'));
})

到：

const root = require('path').join(__dirname, 'client', 'build')
app.use(express.static(root));
app.get("*", (req, res) => {
    res.sendFile('index.html', { root });
})

第一个块不起作用对我来说绝对有点奇怪。我认为这与我的 React 项目中的相对链接有关，因为我确实收到了一个index.html文件传递到浏览器，尽管收到了错误。也许一个完全静态的文件可以与第一个块一起使用，但我很想知道这是否准确。

只需删除

“主页”：“您的应用网址”

从 package.json 修复它

"homepage": "app-url"从 package.json 中删除。的缺失homepage在的package.json会认为它会在服务器的根目录托管，或者你将成为与构建serve -s build。

是的，homepage当您要在服务器根目录的子目录中部署应用程序时，指定会很有帮助。

要将您的应用程序托管在名为 somedomain.net的 IIS上，并且您的解决方案已经有一个 Web API 项目。

1. 您将使用主 Web 应用程序（即 somedomain.net）映射解决方案文件夹
2. 您将从 IIS 将 Web API 项目转换为应用程序。
3. 然后你会像 Web API 一样将 React App 的 build 文件夹转换为 web App
4. 要使前端应用程序正常工作，请指定 "homepage": "somedomain.net/React-Project/Client-App/build"

我使用“npm run build”创建了react应用程序的构建版本。我有一个服务器（节点/快递）。我想在服务器端包含构建并部署到heroku。我所做的是将构建文件夹复制到服务器根文件夹并在服务器端启动文件中使用代码：

app.get('/*', function (req, res, next) {
    if (!req.path.includes('api'))
        res.sendFile(path.join(__dirname, 'build', 'index.html'));
    else next();
});

我遇到了同样的错误。所以我只是在开始时设置静态内容的路径：

var app = express();
//here below
app.use(express.static(path.join(__dirname, 'build')));

我的静态 index.html 运行良好，能够找到资源 css 和 js。