У меня есть приложение reactjs с сервером узла / express. Приложение работает нормально на локальной машине. Развертывание в Heroku прекрасно, оно говорит, что сборка прошла успешно, но когда я захожу на веб-сайт приложения, меня приветствует «Cannot Get /», и в console.log я получаю сообщение об ошибке Не удалось загрузить ресурс: сервер ответил со статусом 404 (Not Found). ). Вот так выглядит мое дерево каталогов
Так выглядит мой пакет 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"
}