Алексей Николаев

Не понимаю, как правильно работать с express:

  1. Если использовать pug (app.set('view engine', 'pug')), непонятно, как сделать так, что бы переданный в шаблоне страницы компонент React запустился в браузере.
  2. Если подключаю webpack (создавая html из pug), то рушится запуск сервера, из-за ошибки синтаксиса в эмитированном html по первому же символу в SyntaxError: Unexpected token '<').

Помогите, пжлст, уложить по полочкам, как увязать воедино React, Express и Pug, что бы все работало.

P.S. это вопрос не конкретно по этому уроку, а по итогу 2-х профессий (JS и Node).

1 0

Kirill Mokevnin

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

Оно так не делается. В шаблоне просто подключается js, который пишется отдельно под фронтенд. И вот там уже идет подключение к реакта.

Если подключаю webpack (создавая html из pug), то рушится запуск сервера, из-за ошибки синтаксиса в эмитированном html по первому же символу в SyntaxError: Unexpected token '<').

Не очень понимаю что там происходит, но явно что-то не то.

Для простоты попробуйте завести weback без express. Используя только htmlplugin. Сделав так, станет примерно понятно как соединить сайт с js на фронтенде.

0

Есть вопрос или хотите участвовать в обсуждении?

Зарегистрируйтесь или войдите в свой аккаунт

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Похожие вопросы

Dale Barbara 04 июня 2020 →

Не могу понять, почему последний тест падает с отказом в соединении: ``` ✕ GET /posts/:id (9ms) ● requ...

Dale Barbara 20 мая 2020 →

День добрый. Подскажите, будьте добры, что считается ошибкой при выполнении POST-запроса и как должна выг...

Vadim L. 08 января 2020 →

Добрый день! Ревью: https://ru.hexlet.io/code_reviews/192163 Задание очень понравилось, выполнял локально у...

Mikhail Fitasov 30 октября 2019 →

Последний тест вываливается с ошибкой connect ECONNREFUSED 127.0.0.1:80 Да и вообще он должен проверять GET...

Дмитрий Хребтов 22 октября 2019 →

Почему следующий рендер app.get('/', (req, res) => { res.render('index'); }); ``` принимает в качест...