React сборка для веб сервера?

Question

[survivor2005]

Всем доброго дня, не бейте палками, недавно начал изучать реакт и не могу нигде найти адекватную сборку для выкладывания на веб сервер, на базе апач и пхп. Есть ли возможность вообще собрать статический сайт? Что б в итоге остались типа индекс.хтмл, стайл.ксс ну и js? Короче npm run build не работает естественно((

Comments

[WapSter]

Ты в курсе что такое react?

[Олег]

WapSter, В курсе, из курса Реакт за час))))

[WapSter]

Олег, тогда ему стоило еще изучить вебпак за час.

[survivor2005]

WapSter, библиотека, от этого не легче)

[survivor2005]

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

[Олег]

survivor2005, Ну так правильно говорят. Без ноды работать не будет

[survivor2005]

Олег, а как на хостинг такой сайт выкладывать? Только типа покупать виртулку и там ноду ставить?

[abberati]

Олег, без ноды не работает девсервер. Потому что он на js написан. В чем проблема раздавать со статического сервера результат билда?)

[WapSter]

abberati, о том и речь, что билд без ноды не собрать. А вот почему билд у автора собрать не получается с его постановкой вопроса вряд ли кто-то поможет. У меня вообще сложилось впечатление, что речь идет о какой либо натяжке, ну или просто данные из php передавать напрямую в html.

[survivor2005]

abberati, WapSter, в общем приложение просматривается через сервер ноды на 3000 порту, то бишь вроде как все собрано, прописаны все импорты экспорты, но когда ввожу команду npm run build, то создается папочка билд , но при попытки открыть папку через апач, выходит чистая страница.

[abberati]

survivor2005, если оно просматривается на локалхосте, значит запущен сервер разработки. Ничего не собрано. Когда появляется папочка билд, в ней находится всё приложение, готовое к развёртыванию на проде. Почему апач отдаёт пустую страницу я не угадаю. А она точно пустая? В девтулзах смотрели? Ошибки в консоли, которые говорят, что что-недоступно есть? Дебажить пробовали? А если в этот же апач засунуть HTML с хелловорлд, оно отображается?

[survivor2005]

abberati, WapSter, прошу прощения, все собралось, в общем был затык в путях, пути начинались с / я убрал слэши и все заработало.

Answer 1

[y0u]

https://github.com/facebook/create-react-app

Делайте всё по инструкции и не будет никаких проблем. Если у вас не работает build, значит вы где-то ошиблись при настройке.

Comments

[survivor2005]

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

[abberati]

survivor2005, глупости говорят. То, что лежит в билде, может сервить любой статический сервер, например nginx
Потому что это просто HTML, js и css.

[y0u]

survivor2005, а вы попробовали залить то, что он собрал и выложить на сервер прежде чем писать вопрос?

[survivor2005]

y0u, да, к сожалению у меня чистая страница выходит, но раз сказали что все можно, то дело значит в косячной сборке, буду исправлять

[y0u]

survivor2005, нужно смотреть, что пишет в консоли. Нужно больше информации, чтобы помочь.

[Aleksandr Ataakgayev]

survivor2005, проверьте консоль, отправьте скрин. На каком сервере хостите? Может нам нужны необходимые настройки для самого сервера. Например для Unix файл конфиг под названием .htaccess

[survivor2005]

Aleksandr Ataakgayev, y0u, прошу прощения, все собралось, в общем был затык в путях, пути начинались с / я убрал слэши и все заработало.

Answer 2

[abberati]

https://create-react-app.dev/docs/deployment