Приложение ReactJS показывает белый экран: [0] cd сервер && SET PORT = 3000 узлов приложения. js выход с кодом 0 - PullRequest
Новая
       28

Приложение ReactJS показывает белый экран: [0] cd сервер && SET PORT = 3000 узлов приложения. js выход с кодом 0

0 голосов
/ 16 апреля 2020

Я на Windows 10. Я пытаюсь локально запустить приложение в reactjs, которое правильно работает на моем Ubuntu 18.04. После переноса всей папки на Windows 10 приложение запускается, но на localhost:3000.

появляется белый экран. Также терминал выдает следующее: [0] cd server && SET PORT=3000 node app.js exited with code 0

Приложение составлено server и client, которые запускаются с помощью команды npm start.

Ниже моего package.json: 

{
  "name": "my-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "concurrently \"cd server && SET PORT=3000 node app.js\" \"cd client && yarn start\"",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://my_bitbucket_account.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "homepage": "https://my_bitbucket_account#readme",
  "dependencies": {
    "concurrently": "^5.1.0"
  },
  "devDependencies": {
    "cross-env": "^7.0.2"
  }
}

Кроме того, ниже приводится выдержка из app.js со стороны сервера: 

// ...

const PORT = process.env.PORT || 3000;

app.use(bodyParser.urlencoded({ extended: true, limit: '50mb' }));
app.use(bodyParser.json({ limit: '50mb' }));
app.use(cors());

app.listen(PORT, console.log(`Server started on port ${PORT}`));

module.exports = app;

Ниже экрана печати из терминала:

json

Если это полезно, ниже экрана печати дерева проекта

tree

Что я сделал до сих пор

1) После исследования проблемы я наткнулся на этот пост , который рекомендуется установить cross-env , потому что я на Windows. Я сделал это, но ничего не изменилось.

2) Также тот же пост посоветовал изменить с: 

cd server && PORT=3000 node app.js

на 

cd server && SET PORT=3000 node app.js

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

3) Также я выкопал больше и наткнулся на этот , который посоветовал перейти с app.js в сторону server: 

module.exports = app

до: 

app.set('port', process.env.PORT || 3000);

var server = app.listen(app.get('port'), function() {
  debug('Express server listening on port ' + server.address().port);
});

Но, к сожалению, результат не изменился, и я все еще вижу белую страницу после запуска приложения.

4) Наконец, чтобы вычеркнуть эту другую опцию, я удалил все package-lock.json из client и server и их node_modules и начал с fre sh npm install

Пожалуйста, указывайте правильное направление, поскольку у меня заканчиваются идеи о том, как решить эту проблему.

...