Внесение изменений в приложение после развертывания на heroku и запуска npm build

Question

Я развернул свое приложение REACT в Heroku, и все работает нормально, но как мне запустить его локально и внести изменения? когда я использую npm start, он загружается на порт 8080 (это был порт, который мне сказали использовать в руководстве), но не на 3000. Когда я попал на localhost: 8080, мой веб-сайт есть, но никаких изменений, которые я делаю, нет отображается даже после обновления.

Я просто хочу внести изменения локально, а затем повторно внедрить изменения в Heroku.

    Here is my server.js 

    const express = require('express');
const favicon = require('express-favicon');
const path = require('path');
const port = process.env.PORT || 8080;
const app = express();
app.use(favicon(__dirname + '/build/favicon.ico'));
// the __dirname is the current directory from where the script is running
app.use(express.static(__dirname));
app.use(express.static(path.join(__dirname, 'build')));
app.get('/ping', function (req, res) {
    return res.send('pong');
});
app.get('/*', function (req, res) {
    res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
app.listen(port);

Here is my package.json

    {
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.9.9",
    "@material-ui/icons": "^4.9.1",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "aphrodite": "^2.4.0",
    "express": "^4.17.1",
    "express-favicon": "^2.0.1",
    "path": "^0.12.7",
    "react": "^16.13.1",
    "react-animate-on-scroll": "^2.1.5",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "node server.js",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

Answer 1

Любые изменения, которые вы внесли локально, не могут отражаться на сервере отдельно.

Вы должны развернуть изменения на сервере, используя git, или развертывать только папку сборки, каждый раз, когда вы делаете новую версию.