Как заставить корректно работать приложение, созданное с помощью create-react-app, на хостинге?

Question

[Kobresia]

Здравствуйте!
Создала каркас приложения с помощью команды create-react-app. Сделала часть программы. Запустила команду npm run build, чтобы посмотреть production-версию. Но она не открылась, отображался лишь пустой экран. С помощью инструкций из документации разобралась, что продакшн версию можно посмотреть на статическом сервере с помощью команд npm install -g serve; serve -s build. Так что на локальном сервере запустить приложение таки вышло.
Загрузила содержимое папки bundle на хостинг . Но при переходе на сайт (такого вида blog.trololol.ru/bees), где лежат эти файлы, снова пустой экран. (пути к js и css файлам прописаны корректно)
Пожалуйста, подскажите вариант решения проблемы. Весь интернет перерыла, не доходит до меня. Очень туго видимо соображаю.

Comments

[Роман Александрович]

вы вводили npm run build?
а потом все содержимое из папки build залили на сервер?

[Kobresia]

Роман Александрович, да. Попробовала убрать роутер - заработало. Но это не решение проблемы( Попробую пока версию роутера заменить

[Роман Александрович]

Kobresia, а консоль что говорит?
попробуйте использовать hashHistory

[Kobresia]

Роман Александрович, молчит. Пробовала вчера заменять browserHistory на hashHistory, но результат не менялся. Читала, что нужно заменить Router на Hashrouter. Но ведь в адресной строке тогда появится хэш?Можно ли его убирать?(или же суть именно в нем и нельзя?)

Попробую несколько вариантов и отпишусь.

[Kobresia]

Роман Александрович, В общем, hashHistory - тоже вариант. Почистила кэш и поняла, что с hashHistory сайт работает, приписывая этот самый # в начале ссылки.

Но хотелось использовать browserHistory. Но тут у меня было, как оказалось, 2 проблемы. Сайт находился по адресу, как я уже писала, blog.trololol.ru/bees. И при использовании browserHistory отображался пустой экран(хотя все ресурсы были прогружены). Загрузила содержимое папки build в корень сайта blog.trololol.ru. После этого главная страница отобразилась *почему так? этот момент я не очень поняла *. Но роутер не работал корректно. При переходе по ссылке вида blog.trololol.ru/admin появлялась надпись Cannot GET /admin. Добавила в корень сайта .htaccess с таким содержанием:

RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

Ссылки роутера заработали.(Также очень помог для понимания вот этот ролик https://www.youtube.com/watch?v=cdUyEou0LHg) Можно сказать, проблема решена.

На локальном сервере (использую MAMP) пока что тоже отображается белый экран, но там вложенность папок еще больше. И вот непонятно мне пока, почему это влияет на отображение сайта. И как это решить, не помещая содержимое build в папку самого верхнего уровня.