Приложение React вообще не рендерится при загрузке HTML-страницы, которая его содержит - PullRequest
0 голосов
/ 10 марта 2019

У меня есть небольшое приложение реакции, которое я создал с помощью веб-пакета, оно скомпилировано в /dist/bundle.js.Затем у меня есть экспресс-сервер для обслуживания HTML-файла, который ссылается на мой bundle.js.Таким образом, когда я подключусь к своему экспресс-серверу, он будет содержать мое приложение React.HTML-файл, который обслуживает Express, выглядит следующим образом:

<!DOCTYPE html>
<html>
  <head>
    <title>The Minimal React Webpack Babel Setup</title>
  </head>
  <body>
    <div id="app"></div>
    <script src="./dist/bundle.js"></script>
  </body>
</html>

Но при локальном запуске и открытии в браузере ничего не отображается.При проверке источника я вижу, что HTML-файл есть, но на странице ничего не отображается.

Мой server.js выглядит следующим образом:

var express = require('express');
var app = express();
var path = require('path');

app.get('/', function(req, res) {
  res.sendFile(path.join(__dirname + '/index.html'));
});

app.listen(8080);

Почему я не вижумое приложение React?Спасибо за любую помощь!

При просмотре страницы я вижу следующее (не могу скопировать и вставить, поэтому добавил скриншот):

enter image description here

1 Ответ

2 голосов
/ 10 марта 2019

Вам необходимо включить доступ к статическим ресурсам на вашем сервере.

app.use(express.static('dist'));// put the correct folder here

https://expressjs.com/en/starter/static-files.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...