Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найден) при развертывании в Heroku - PullRequest
0 голосов
/ 12 января 2020

У меня есть приложение reactjs с сервером узла / express. Приложение работает нормально на локальной машине. Развертывание в Heroku прекрасно, оно говорит, что сборка прошла успешно, но когда я захожу на веб-сайт приложения, меня приветствует «Cannot Get /», и в console.log я получаю сообщение об ошибке Не удалось загрузить ресурс: сервер ответил со статусом 404 (Not Found). ). Вот так выглядит мое дерево каталогов enter image description here

Так выглядит мой пакет root. Я использую клиент и сервер одновременно, поэтому я использую одновременно

{
  "name": "xxxxxxxxxx",
  "version": "0.1.0",
  "private": true,
  "engines": {
    "node": "10.16.3"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "concurrently": "^5.0.2",
    "express": "^4.17.1",
    "google-map-react": "^1.1.5",
    "google-maps-react": "^2.0.2",
    "jquery": "^3.4.1",
    "materialize-css": "^1.0.0-rc.2",
    "node-sass": "^4.13.0",
    "nodemailer": "^6.3.1",
    "nodemon": "^2.0.2",
    "react": "^16.9.0",
    "react-background-slideshow": "^1.0.4",
    "react-dom": "^16.9.0",
    "react-lightgallery": "^0.6.3",
    "react-router-dom": "^5.0.1",
    "react-scripts": "3.1.1",
    "react-scroll-to-component": "^1.0.2",
    "react-tooltip": "^3.11.2",
    "uikit": "^3.1.8"
  },
  "scripts": {
    "client-install": "npm install --prefix client",
    "start": "node server.js",
    "server": "nodemon server.js",
    "client": "npm run start --prefix client",
    "dev": "concurrently \"npm run server\" \"npm run client\"",
    "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client",
    "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"
    ]
  }
}

Вот так выглядит мой пакет в папке клиента

{
  "name": "client",
  "version": "1.0.0",
  "proxy": "http://localhost:3001",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "react-dom": "^16.9.0",
    "react-scripts": "3.1.1"
  },
  "author": "",
  "license": "ISC"
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...