Запустить приложение React без сервера

Question

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

Итак, мой вопрос: можем ли мы запустить приложение на основе реакции без запуска приложения на сервере?. В принципе, я хочу это, я могу напрямую использовать путь к файлу index.html в веб-браузере, и мое приложение начинает работать.

Мое понимание заключается в том, что React js является библиотекой javascript, и весь код в конечном итоге преобразуется в простые файлы javascript с помощью загрузчика babel (если мы используем ES6). Поэтому я думаю, что это должно быть возможно.

я обнаружил, что я могу использовать WebPack который внутренне сначала преобразовать мой Реагировать на основе или другие JS-файлы в нормальный яваскрипт и сделать один единственный файл связки, которые могут быть использованы в index.html файл для дальнейшего использования. Я пробовал это, но только некоторые функции работают нормально, как состояние, поддержка, но многие другие функции не работают, как реагировать-маршрутизатор, но когда я использовал сервер npm, все функции начинают работать нормально.

Теперь, почему я хочу это сделать, потому что я хочу использовать js для создания Веб-приложение Samsung Tizen TV, где я не думаю, что могу использовать сервер npm и все такое.

Если у кого-то есть решение, это было бы очень полезно. Thanks

Answer 1

Эти несколько концепций в основном все, что вам нужно (плюс lifecycles methods). Вот почему React rock, это очень легко думать и рассуждать, даже если у вас огромное и сложное приложение.

---

Реагировать делает работу без сервера, просто добавить тег сценария и убедитесь, что вы используете JavaScript, что современные браузеры понимают или скачать React источника и использовать его в любом месте, что говорит JS и имеет DOM.

<script src="https://unpkg.com/react@15/dist/react.js"></script> 
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script> 

Например, Firefox использует React для своих новых Devtools и вот совет, который экономит вам много времени: это очень легко использовать встроенные стили с Реагировать, я не могу придумать лучший инструмент создайте свои шаблоны электронной почты.

Answer 2

У меня была такая же проблема сейчас, по умолчанию react/react-router приложение. И react-router также не работал для меня, используя BrowserRouter. Но я нашел issue, где рекомендовано изменить BrowserRouter на HashRouter. Он исправил мою проблему. Чтобы запустить приложение на эмуляторе (на самом деле я пишу для webOS), я меняю src на script тег в index.html на мое место сборки.

Answer 3

Я добавил следующее package.json до строительства:

"homepage": "./", 

Цитата Реагирует вывода терминала, когда здание:

Проект был построен в предположении, что размещается в корневом каталоге сервера. Чтобы переопределить это, укажите домашнюю страницу в своем пакете.JSON. Например, добавьте это, чтобы построить его для GitHub Страницы:

«домашнего»: «http://myname.github.io/myapp»,

Примечания: Я уверен, что это не будет работать в каждом проекте.