Heroku中的React/Node应用程序，在服务器运行时提供index.html/index.js
Heroku是一种云平台即服务（PaaS），它允许开发人员轻松部署、运行和扩展应用程序。React和Node.js是两个非常流行的前端和后端开发框架，可以用于构建现代化的Web应用程序。
在Heroku上部署React/Node应用程序时，可以按照以下步骤进行操作：
- 创建Heroku账号：访问Heroku官网（https://www.heroku.com/）并创建一个免费账号。
- 安装Heroku CLI：根据操作系统类型，下载并安装Heroku命令行工具（Heroku CLI）。
- 创建Heroku应用：在命令行中使用Heroku CLI登录，并通过命令
heroku create创建一个新的Heroku应用。 - 配置应用程序：在应用程序的根目录中，创建一个
Procfile文件，其中包含应用程序的启动命令。对于React/Node应用程序，可以将其设置为web: node index.js。 - 初始化Git仓库：使用命令
git init将应用程序目录初始化为Git仓库。 - 添加并提交代码：使用命令
git add .将所有文件添加到Git仓库，并使用命令git commit -m "Initial commit"提交更改。 - 部署应用程序：使用命令
git push heroku master将应用程序代码推送到Heroku。 - 启动应用程序：使用命令
heroku ps:scale web=1启动应用程序的Web进程。 - 打开应用程序：使用命令
heroku open打开部署的应用程序。
通过上述步骤，您可以在Heroku上成功部署React/Node应用程序，并在服务器运行时提供index.html和index.js文件。
React是一个用于构建用户界面的JavaScript库，它提供了高效、可重用和可组合的组件化开发方式。React应用程序通常使用Webpack等工具进行打包，并生成一个或多个JavaScript文件，其中包含应用程序的逻辑和界面。
Node.js是一个基于Chrome V8引擎的JavaScript运行时，可用于构建高性能的网络应用程序。Node.js应用程序通常使用Express等框架来处理HTTP请求，并提供API接口或渲染动态页面。
在服务器运行时，index.html文件是React应用程序的入口文件，它包含应用程序的HTML结构和根DOM节点。index.js文件是React应用程序的主要JavaScript文件，它负责将React组件渲染到DOM节点上，并处理应用程序的逻辑。
对于Heroku中的React/Node应用程序，可以使用以下腾讯云产品和服务：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署和运行Node.js应用程序。链接地址：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可靠的关系型数据库服务，可用于存储应用程序的数据。链接地址：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、可靠的对象存储服务，用于存储应用程序的静态文件（如图片、视频等）。链接地址：https://cloud.tencent.com/product/cos
- 云函数（SCF）：提供无服务器的函数计算服务，可用于处理应用程序的后端逻辑。链接地址：https://cloud.tencent.com/product/scf
请注意，以上仅是腾讯云提供的一些相关产品和服务，您可以根据实际需求选择适合的产品和服务来支持和扩展您的Heroku中的React/Node应用程序。
相关·内容
我在heroku上部署了一个mern堆栈应用程序。我的应用程序的目录结构是这样的：-
|__client/ ** THIS IS EVERYTHING FROM THE REACT SIDE **
|__ node_modules/
|__ tons of stuff...
|__ public/
|__ index.html
|__ favicon.ico
|__ etc.
|__ src/
|__ index.js
|__ main/
|__ A
浏览 3提问于2021-03-11得票数 0
我有一个很普通的create-react-app (v2)应用程序，我在它上面附加了一个express服务器，它充当API服务器并被代理。在本地，我运行npm run dev，因为我的包json脚本部分如下：
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject":
浏览 0提问于2019-08-29得票数 0
1回答
客户端使用create-react-app构建，后端使用express、node.js和MongoDB。它在本地工作，但当我部署到Heroku时，只有后端工作……
index.js
app.use(express.static(path.join(__dirname, 'client', 'build')));
+app.get('/', function(req, res) {
-app.get('/*', function (req, res) {
res.sendFile(path.join(
浏览 21提问于2019-11-24得票数 0
回答已采纳
我正在尝试使用Heroku上的构建过程将一个新的应用程序部署到Heroku (它从github获取代码更改并自动构建)。客户端文件夹和package.json位于根文件夹中，表示文件(包括单独的package.json)位于/server下。
{“错误”：“ENOENT:没有这样的文件或目录，stat '/app/build/index.html'"}
在解决这个问题时，我启动了bash，并在app目录中做了一个"dir“。当然，根目录中没有“构建”文件夹。我大刀阔斧地修改了一些东西，把服务器的构建和主构建分开--我会不会搞砸了？我对Heroku事件的理解是错的
浏览 3提问于2021-01-20得票数 0
1回答
当我在Heroku上打开我的web应用程序时，我的build/index.html文件有一个404 (未找到)错误。我的过程文件是web node ./src/server/index.js。
src/server/index.js：
...
app.use(express.static(path.join(__dirname, "../build")))
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, '../build', 'index.html
浏览 9提问于2022-05-05得票数 0
1回答
我想运行heroku后构建为2个反应应用程序，其中使用一个单一的nodejs服务器。
这就是我目前正在构建的1 react应用程序，它运行得非常好。
"scripts": {
"server": "nodemon index.js",
"shop-user": "npm start --prefix shop-user",
"start": "node index.js",
"dev": "concurrently \"
浏览 1提问于2020-07-04得票数 1
回答已采纳
3回答
我正在本地上做这个项目，但是现在它已经完成了，我想把它推给heroku。问题是告诉heroku启动这个应用程序。
在heroku示例中，演示服务器在从包含这些数据的Procfile获取信息后运行。
web: node index.js
但是在我的vuejs项目中，没有为内容提供服务的index.js。
我只有一个主入口点，即index.html，而procfile不适用于HTML。
浏览 4提问于2017-09-08得票数 9
回答已采纳
1回答
我已经构建了一个简单的基础应用程序，使用Express和Create ()。我的项目分为两个部分:一个是服务器(它有一个package.json和一个index.js文件)，另一个是客户端(它是使用npm创建的-react app创建的)。
我试图将用户从服务器端重定向到客户端(例如localhost:5000/test将重定向到localhost:3000/test)，但在将其部署到Heroku之后，我得到了以下错误，无法找到解决该问题的答案：
Uncaught :意外令牌<
index.js
const express = require('express')
浏览 1提问于2017-10-18得票数 1
回答已采纳
我创建了一个有node.js服务器的MERN应用程序。首先，要在Heroku上托管网站，我必须使用、npm、run build创建一个构建文件夹。之后，我必须将其添加到服务器中的入口点文件中。
app.use(express.static("./FRONTEND/build"));
if (process.env.NODE_ENV == "production") {
app.get("*", (req, res) => {
res.sendFile(path.resolve(__dirname + './FRON
浏览 1提问于2022-05-13得票数 0
在我的React应用程序构建并部署到Heroku上之后，我在控制台中得到了这些错误。
Refused to apply style from 'https://radiant-tor-66940.herokuapp.com/index.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Failed to load resource: the server responded w
浏览 0提问于2019-07-03得票数 1
1回答
我做了一个简单的金融应用程序，由React前端和Node/express后端组成，我想部署到Heroku。由于它是一个小应用程序，我将所有内容(服务器和客户端文件)都放在我的git存储库的根目录中。因此，前端(index.html)、后端(index.js)和Heroku所需的root文件的入口文件都在根目录中。
服务器似乎工作得很好，因为我可以成功地从本地安装的前端发出请求。但是，服务器似乎无法为静态文件提供服务。
这是来自heroku的日志消息：
2021-07-29T15:21:00.260957+00:00 heroku[router]: at=error code=H12 desc=
浏览 4提问于2021-07-29得票数 0
1回答
我从零开始设置了一个reactjs和表达式环境。我放弃了webpack开发服务器，只使用webpack --watch作为npm start，它运行良好，读取更改。我可以接收我的反应数据到我的快速服务器，没有错误。但我该怎么把这个部署到heroku呢？我是新的后端，这是我第一次使用反应与后端。希望你能帮我谢谢..。
package.json
{
"name": "react-scratch",
"version": "1.0.0",
"description": "",
"m
浏览 0提问于2018-03-11得票数 0
我在将我的应用程序部署到heroku时遇到了问题。我在构建的文件夹中有react应用程序的输出(路径: /client/build/index.html)
server.js
const express = require('express');
const path = require('path');
const cors = require('cors');
const passport = require('passport');
app.use(express.static(path.resolve(__dirnam
浏览 0提问于2018-11-15得票数 0
当部署到heroku时，我想不出如何让我的react应用程序(用创建)工作。
没有heroku，一切都很好。我使用npm start，它使用react-scripts start启动react应用程序，一切都按预期在本地工作。现在我想让应用程序在heroku上运行，我必须使用express向客户端提供它的内容。我试过了，但遗憾的是，我的浏览器仍然是空白的。只是个白屏幕，没别的了。甚至没有错误信息？！无论是在控制台还是浏览器的控制台中。
我的服务器结构如下所示：
公共
favicon.ico
index.html
manifest.json
等等。
钢筋
浏览 3提问于2020-04-23得票数 0
无论我是否包含Procfile，我都会让heroku在web进程上启动"npm start“。我正在使用React/Redux构建一个简单的页面，并使用webpack进行捆绑。
实际上我的项目结构是：
/projectName
/public -->folder create during bundling with bundle.js and new html file
/src --> contains React and Redux components
.babelrc
.gitignore
index.html -->original html
浏览 3提问于2017-07-16得票数 1
我正在建立一个关于Heroku的测试网站，由React和Heroku与Express组成，将两者结合在一起。在componentDidMount()上，React部分通过Express发出两个fetch()请求。第一个返回一个response.send()，第二个连接到我设置的Heroku应用程序，以便将一系列图书标题呈现到列表中。Heroku没有获取我请求的数据，而是返回了以下控制台消息：
请求失败SyntaxError:在JSON中位于App.js:14 0位置的意外令牌<：1未能加载资源:服务器响应状态>503 (服务不可用)
我相信第一个错误消息与第一个fetch(
浏览 1提问于2019-07-20得票数 1
回答已采纳
以下设置：
在本地主机上运行的Node服务器:5000。
直接在服务器文件夹中使用create-react-app创建的客户端文件夹。
CI与Travis CI的集成
当应用程序经过时，我想把它部署到heroku。因此，我创建了以下.travis.yml
language: node_js
before_install:
- npm install && node index.js &
before_script: cd ./client && npm install
node_js:
- "stable"
浏览 0提问于2018-04-15得票数 1
我有一个创建-反应-应用程序，它在Heroku上构建和部署没有任何问题。但是，在该应用程序中，我有一个express服务器，需要在部署后启动它。到目前为止，我只能让它在Heroku构建中途启动，这意味着部署停止。我需要服务器启动后，该应用程序已部署。服务器负责应用程序的webrtc功能。 有没有可以使用的heroku部署后脚本？ 到目前为止，我已经尝试将以下内容添加到我的package.json中： "scripts": {
"start": "react-scripts start",
"postdeploy"
浏览 19提问于2020-09-02得票数 0
我是这个领域的新手，我缺少一些基本的东西。我有一个非常基本的应用程序外壳： 客户端路径: src/index.js 服务器路径: server/index.js Procfile: web:node server/index.js 根package.json： "dev": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test", 我如何告诉heroku客户端文件
浏览 16提问于2021-01-11得票数 0
我正在构建一个节点+快车服务器，创建-反应-应用程序的前端。我使用passportjs来处理auth路由，所有的东西都完全在本地主机上工作(后端在端口5000上，前端在端口3000上，有一个代理)。当我部署到Heroku时，似乎服务器无法识别我的auth路由，因此heroku提供静态index.html。如果我用Postman测试我的app似乎一切正常(我可以看到google的html页面)，但是在我的react应用程序中有一个锚标记，或者在url中手动编写端点，我只能看到相同的页面重新加载。
我的服务器index.js：
const express = require('expres
浏览 1提问于2017-09-28得票数 1
回答已采纳
1回答
我在heroku GET https://my-app.herokuapp.com/index.js 404 (Not Found)中得到这个错误
我的Procfile里面有这个：web: npm start
然后在我的package.json中有"start": "node ./app/index.js"
我的应用程序根文件夹包含一个index.js，其中包含：
var express = require('express');
var app = express();
app.use('/', express.static(
浏览 0提问于2017-03-16得票数 0
1回答
我正在尝试部署MERN应用程序，但这既没有给我一个错误，也没有完成我的文件夹结构
MERN_APP
->index.js//服务器端代码
Index.js (服务器文件)
const express = require("express");
const app = express();
const PORT = process.env.PORT || 5000;
app.use(express.urlencoded());
app.use(express.json());
//Importing routes
const uploadRo
浏览 1提问于2022-08-28得票数 0
我试图在heroku上部署我的 rails应用程序。
在我得到这个错误之前，一切看起来都很好：
Module build failed (from ./node_modules/babel-loader/lib/index.js):
remote: Error: Cannot find module '@babel/preset-react'
这个应用程序在我的本地主机上运行得很好。我尝试删除我的node_modules文件夹，然后运行npm，但是错误仍然存在(仅在部署到heroku时)。
我的package.json：
{
"name": &
浏览 4提问于2021-09-07得票数 1
回答已采纳
几天来，我一直试图在heroku上部署我的初学者应用程序，但没有成功。我跟踪了许多关于如何做的指南和答案，但是它没有起作用，下面是我的代码：
服务器
const dotenv = require('dotenv')
dotenv.config()
const express = require("express");
//const PORT = 5000; got a binding error on heroku logs so i commented this
const app = express();
const path = require(&#
浏览 4提问于2022-02-09得票数 0
1回答
我想在Heroku上部署我的应用程序，但是它在Heroku上显示了"parcel：“错误。我的项目与两个项目一致。
后端-节点，高速公路
正面反应
项目与连接
这是主package.json文件
{
"name": "mainPro",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"star
浏览 9提问于2021-06-03得票数 0
我很难把我的密码推给Heroku。
package.json
{
"name": "my-app",
"version": "0.1.0",
"engine": {
"node": "12.16.2",
"npm": "6.13.4"
},
"private": true,
"dependencies": {
"@testing-library/jest-dom&#
浏览 2提问于2020-04-07得票数 1
这是我的应用程序的简单结构
├── client
│ └─ build
│ └─ index.html
│
│
├── server
│ └─ index.js
生产代码对Heroku热在下面：
// index.js
if (process.env.NODE_ENV === "production") {
// app.use(express.static(path.join(__dirname, "..", "client/build"))); // not working
浏览 1提问于2020-05-09得票数 2
回答已采纳
我正在尝试将我的React应用程序(使用react路由器、v4和webpack)部署到heroku。
根据heroku的说法，所有的东西都是没有错误的，因为它正在通过部署脚本(见下文)，不幸的是，当实际访问页面时，它说找不到页面。
最初，Heroku给出了构建错误，但我能够消除构建错误，现在它成功构建了，我不知道下一步该在哪里进行故障排除。
我的整个项目代码：
aronlilland:backbone_cac_client (master)$ git push heroku master
Counting objects: 3, done.
Delta compression using up
浏览 3提问于2017-05-08得票数 1
回答已采纳
我正在尝试在Heroku上发布一个node.js服务器，它为所有请求提供一个angular应用程序(不包括/api端点)。当我在本地机器上运行node.js服务器+在angular应用程序上运行ng build时，angular应用程序运行得非常好。我面临的问题是，当我将服务器推送到Heroku时，我在angular路由上得到了404个错误。
这是我在Heroku日志中得到的错误: 2021-03-28T20:38:50.700486+00:00 appweb1: Error: ENOENT:没有这样的文件或目录，stat '/app/client/dist/client/index.
浏览 0提问于2021-03-29得票数 0
我很难弄清楚这是怎么回事。当我将React/Express应用程序部署到Heroku时，所有的构建和部署都没有错误，但我的React前端完全是空白的。
我在浏览器控制台中得到了以下错误：
Uncaught SyntaxError: Unexpected token < 1.b1e0c624.chunk.js:1
Uncaught SyntaxError: Unexpected token < main.48d62be5.chunk.js:1
manifest.json:1 Manifest: Line: 1, column: 1, Unexpected token.
下面是
浏览 2提问于2019-07-02得票数 2
我上传了一个React + Node + Express应用到Heroku。该应用程序在本地工作，但在部署后显示为空白屏幕。控制台日志没有显示任何错误。
这里是新手，所以请容忍我。
我怀疑，在server.js，我错了：
if (process.env.NODE_ENV === 'production') {
// Serve any static files
app.use('client/public', express.static(path.join(__dirname, '/')));
// Handle React rou
浏览 1提问于2018-07-27得票数 7
我试图使用create-react-app在Heroku中部署一个项目，使用Node作为我的服务器，使用MongoDB作为我的数据库，但是我得到了一个错误。这是我第一次用React部署一个项目。我有两个package.json文件。一个用于create-react-app，另一个用于我的节点服务器。
我所做的是：
运行构建反应，
承诺，
使用heroku create -b https://github.com/mars/create-react-app-buildpack.git创建Heroku应用程序
我把它推给了Heroku大师。
这是原木。
Counting o
浏览 0提问于2018-09-04得票数 0
我已经构建了一个小的应用程序，并试图将其部署到Heroku，但我一直收到这样的错误:无法解决依赖关系'@emotion/is-prop-valid‘。我没有对这个项目使用create-react-app。
完整的消息是: /tmp/build_7241c20b1c425be31049d4add81a048a/node_modules/react-pose/lib/index.js:10:42:无法解决依赖'@emotion/is-prop-valid‘
package.json文件如下所示：
{
"name": "name",
"
浏览 3提问于2018-10-04得票数 2
我的react应用程序在本地运行良好，并部署到heroku。然而，在主页上，任何指向另一个页面的链接都会显示一个空白页面，上面有“找不到”。没有其他错误消息。 下面是我的服务器端package.json文件： {
"name": "portfolio-generator",
"version": "1.0.0",
"description": "",
"main": "server.js",
"engines": {
&#
浏览 23提问于2020-05-29得票数 0
我已经将一个部署到Heroku，并在Express/Node.js服务器上运行。当有人试图访问任何路由时，我的服务器index.js文件运行以下代码：
const path = require('path')
app.get('*', (req, res) => {
res.sendFile(path.resolve(__dirname, 'client', 'build', 'index.html'))
})
当我从根路径('/')加载应用程序时，一切都很好，当我在应用程序中导航时(使用Re
浏览 0提问于2018-10-04得票数 2
回答已采纳
我正在尝试通过heroku节点应用程序使用postgres附加组件，该应用程序也使用react。
我正在使用这个react构建包来支持heroku中的react：
当我尝试添加这行代码时：
var pg = require('pg');
当我尝试在本地运行heroku应用程序时，我得到了以下编译错误：
>heroku local web
[OKAY] Loaded ENV .env File as KEY=VALUE Format
[WARN] ENOENT: no such file or directory, open 'Procfile'
[OKAY
浏览 0提问于2017-01-08得票数 6
回答已采纳
我试图将一个MERN应用程序(用create构建)部署到Heroku，但是每当我试图访问应用程序URL时，它都会返回404错误。
我检查了Heroku错误日志，它返回了以下错误：
app[web.1]: ls: cannot access '/app/build/static/js/*.js': No such file or directory
Error injecting runtime env: bundle not found '/app/build/static/js/*.js'. See: https://github.com/mars/creat
浏览 5提问于2021-01-16得票数 1
1回答
将我的MERN应用程序部署到heroku时表示构建已成功，但打开应用程序时未找到所有内容。我怀疑路由和路径有问题，特别是在后端的index.js中。正如标题所提到的，前端在后端文件夹内，以便只使用一个网站来同时使用两个网站。我遵循了的所有建议来完成这一过程。我在包含代码方面已经走得太远了，因为我不知道问题到底出在哪里，而且正如你所知道的，在生产中，所有的代码都是相关的。据我所知，在heroku-postbuild之前，我不需要运行React的build/production文件夹，但是heroku找不到build文件夹或它的index.html。
项目结构
api //frontend is
浏览 1提问于2021-09-17得票数 1
我正试图在Heroku上部署我的第一个React.js应用程序。除了最重要的部分之外，一切看起来都很好--用于从Postgres数据库和Express.js API中获取数据的Express.js REST在本地主机上正常运行，但是当我在Heroku上部署应用程序时，我试图访问的所有API路由都返回相同的语法错误--在0.位置的JSON中意外令牌<。
我知道这个问题与我的应用程序如何连接到API有关。换句话说，fetch请求无法到达所需的端点，从而返回这个语法错误，但是我不能准确地指出问题的具体位置--我是否在某个地方丢失了一个'/‘，是否错误地设置了我的环境变量等等？
有人有类
浏览 8提问于2022-01-08得票数 0
回答已采纳
1回答
我的react应用程序在本地主机上运行良好，服务器端(节点js)也在本地主机上正常工作，但是当我在Heroku上部署它时，它显示了一个空白页面。
对于部署，我确实创建了一个Procfile，其中我引用了服务器文件。
web: node ./server/index.js
其中还包括：
app.use(express.static(__dirname + '../client/build'));
app.get("/*", (req, res) =>
res.sendFile(path.resolve(__dirname, "../clien
浏览 2提问于2021-02-06得票数 1
回答已采纳
1回答
我正忙着用Express 4.14构建一个应用程序。关于路由，当请求以"“形式传入时，例如我使用res.sendFile(__dirname + "/../client/pages/page/index.html");。
前端开发人员使用页面中的相对链接来包含他的ReactJS脚本-例如，他会使用像<script src="js/index.js"></script>这样的标记。当然，问题是对js/index.js的请求将发送到NodeJS服务器并返回404，因为没有来自项目根目录的文件/js/index.js，而是client/
浏览 12提问于2016-09-02得票数 0
我使用create应用程序构建了我的应用程序，并使用node.js和express创建了后端。我使用build命令获得了react应用程序的生产版本，并使它与我的后端一起工作，在本地主机..this上一切都很好，我的文件结构是这样的：
当我试图将它部署到heroku时，构建失败了，给了我这个错误。
Could not find a required file.
Name: index.html
Searched in: /tmp/build_839c6cd8/public
npm ERR! code ELIFECYCLE
npm ERR! err
浏览 6提问于2021-12-26得票数 0
回答已采纳
我在生产环境中的react/node/express应用程序中呈现index.html时遇到问题。我的app文件结构是：
-project
--app
---dist
----index.html
----main.js
----style.css
--server
---server.js
我的server/server.js看起来像这样：
var express = require('express');
var bodyParser = require('body-parser');
var mongoose = require('mo
浏览 0提问于2016-10-05得票数 1
我有一个没有路由的页面反应应用程序。它工作得很好。现在我尝试将其托管在heroku上，这就是我添加express server的原因。我用'node server/server.js‘运行服务器，然后我尝试vizit http://localhost:3000，我看到没有错误的空白页面。我试着在heroku上运行应用程序，但得到了同样的结果。在页面代码中，我只看到div "root“，它是空的，但里面应该呈现为div "app”。 我的服务器 const path = require('path');
const express = require(&
浏览 17提问于2020-07-07得票数 0
2回答
我为一篇冗长的帖子道歉。
我对Node，React和Webpack都是新手，也是第一次使用sass加载器的人.我遇到了一些看似微不足道的问题，但事实并非如此。
未找到./app/index.js模块中的错误:错误:无法解析/卷中的“waterbottle.scss”/500 13/Webs/Water体/app‘@ ./app/index.js 4:13-40
我尝试将.scss文件放置在应用程序文件夹中，并修改.scss路径。
安装：
我安装了sass-加载程序
npm install sass-loader node-sass webpack --save-dev
webpack.
浏览 1提问于2017-09-20得票数 1
回答已采纳
供参考，以下是应用程序的文件结构：
project
│ README.md
│ shopify.app.toml
| Dockerfile
| heroku.yml
| package.json
| package-lock.json
│
└───web
│ │ index.js
│ │ vite.config.js
│ │ package.json
│ │ package-lock.json
│ │ shopify.web.toml
│ │
│ └───frontend (changed to public as a
浏览 31提问于2022-08-13得票数 0
回答已采纳
我正在使用React、Node和Express自学网络开发，并试图将我的应用程序部署到Heroku。
我面临的问题是，在本地，我可以运行我的服务器和客户端，没有问题，使用npm start为客户端和node server.js启动我的快速服务器。
然而，我还没有找到在Heroku上做类似事情的适当方法--我已经阅读了所有关于将类似的应用程序部署到Heroku并在express服务器上运行我的react客户机的文章，但是我没有设法让它正常工作。
以下是一些可能相关的其他信息：
我使用create- react -app创建了我的app应用程序，因此它有一个公用文件夹(除了尝试通过index.
浏览 10提问于2021-12-05得票数 0
我正在尝试使用我自己的express服务器来制作React应用程序，但我的index.js有React js脚本，我得到了一个404状态为not found。
我使用的文件夹结构如下
server.js
+public
| index.html
|
__+ src
|
__ index.js
( src文件夹中有index.html，src文件夹中有index.js )
所以在我的server.js中，我有：
// Built-in Node.js modules
let fs = require('fs');
let path = require('pat
浏览 19提问于2020-05-29得票数 0
我已经在Heroku的Node.JS的帮助下部署了index.html页面。这是我在Heroku中遵循的文件结构
-- Index.js
-- public
-- css
-- index.css
-- JS
-- index.js
-- index.html
-- home.html
-- procfile
-- package.json
在服务器脚本index.js中
//express
const express = require('express');
const app = exp
浏览 5提问于2021-05-16得票数 0
1回答
我使用Parcel作为包绑定器，整个应用程序都部署在Heroku上。该应用程序有两个文件夹，客户端和服务器端。在客户端，我使用scss作为样式和包安装@parcel/transformer-sass来编译scss文件。一切都按预期在本地工作，但是当我将应用程序部署到Heroku时，生成失败了。
> client@1.0.0 build
> parcel build index.html
Building...
Build failed.
@parcel/package-manager: Cou
浏览 9提问于2022-10-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
