Почему Responsе возвращает «You need to enable JavaScript to run this app.» при деплое React+Express+Heroku?

Question

[Demigodd]

После развертывания приложения, все закончилось успешно, но при отправке запроса, к примеру получение данных пользователя, возврашаеться сообщение "You need to enable JavaScript to run this app.".


Файлы вроде подключены правильно.


Вот как я возвращаю собранный через react-scripts build сбилдованный React App из сервера.

// server

if (process.env.NODE_ENV === 'production') {
  app.use(express.static(path.join(__dirname, '../build')));

  app.get('*', (req: any, res: any) => {
    res.sendFile(path.resolve(__dirname, '../build', 'index.html'));
  });
}

пути в моем приложений выглядят так.
/APP
-/build
-/public
-/src
--/client
--/server
--app.ts
--server.ts
-package.json

Ну и сам package.json

// package.json

"homepage": ".",
"scripts": {
  "start:react": "react-scripts start",
  "start": "node --require ./ts-hook.js ./src/server.ts",
  "heroku-postbuild": "react-scripts build"
},

В чем может быть проблема ?

Answer 1

[hzzzzl]

только на хероку такое?
выглядит, что роутер в экспрессе не подключен, и вместо запросов к АПИ отдает реакт апп,

где-то должно быть
app.use('/api/', require('./routes'))
перед app.get('*', ...build/index.html..)

может быть этот кусочек кода остался вне проверки process.env.NODE_ENV === 'production' ?

Comments

[Demigodd]

Да вы правы. Я пдоключаю роуты после .

if (process.env.NODE_ENV === 'production') {
  app.use(express.static(path.join(__dirname, '../build')));

  app.get('*', (req: any, res: any) => {
    res.sendFile(path.resolve(__dirname, '../build', 'index.html'));
  });
}

createRoutes(app);

http.listen(port,...

Но я где то читал, что так и должно быть ?

Или правильнее
1) app.use(express.static(path.join(__dirname, '../build')));
2) createRoutes...
3) app.get('*', ...

[hzzzzl]

DEATH2298, не, экспресс будет по порядку подключения чекать адрес, если в первую очередь совпадет app.get('*') (а он всегда совпадет), то этот коллбек и отработает

я бы так поставил чтобы не запутаться

1) createRoutes...
(роутам же не надо отдавать статику из папки реакта?)

2) app.use(express.static(path.join(__dirname, '../build')));
3) app.get('*', ...