Запустил «http-сервер» с помощью командной строки, он работает, но не работает
Я не знаю, хорошее ли это место, чтобы задать этот вопрос, но я только начал изучать реакцию и застрял в начале, вот вопрос.
Я установил узел и установил http-server из команды npm в командной строке npm install -g http-server и перешел в каталог, где находятся мои статические файлы, и запустил команду http-server, а затем в браузере нажмите localhost:8081.
В браузере ничего не происходит / не отображается, но в командной строке он показывает, что он работает и работает правильно, каждый раз, когда я обновляю браузер, он показывает, что в командной строке работает. Так почему ничего не происходит в браузере?
вот код:
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1 maximum-scale=1">
<title>Demo</title>
<script src = "https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src = "https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src = "https://unpkg.com/[email protected]/babel.min.js"></script>
</head>
<body>
<div id = "example">
</div>
<script type = "text/babel">
ReactDOM.render(
<h1>Something</h1>, document.getElementById('example'));
</script>
</body>
</html>@Pavan на консоли нет ошибок
Ответы 2
Похоже, есть постоянная проблема с http-server. Однако мы можем исправить это с помощью настройки это.
Попробуйте получить доступ к вашему файлу на локальном хосте с именем файла после запуска команды http-server.
Например, если имя вашего файла somefile.html, попробуйте получить доступ к этому файлу, например http://localhost:8081/somefile.html
это сообщение об ошибке, которое я получил в браузере: эта страница не работает, локальный хост отправил неверный ответ. ERR_INVALID_REDIRECT
@ waleedd32 Я обновил свой ответ. Дайте мне знать, если это сработало для вас.
это сработало, спасибо, но почему это не работает так: localhost: 8081? и знаете ли вы какой-либо другой способ сделать это вместо «http-сервера»?
@ waleedd32, насколько я понимаю, существует проблема несовместимости с версией http-сервера. Это можно решить, понизив версию http-server с помощью этой команды - npm install -g [email protected]
почему мне нужно каждый раз обновлять локальный хост, не реагирует ли он автоматически? просто сохранить, и он должен показать его там без обновления
Вам нужно будет следовать эти шаги, если вы настраиваете свое приложение для реагирования таким образом, что хотите видеть изменения на лету.
почему меня минусуют? это был правильный вопрос
Если вы ищете альтернативный/простой способ настроить реагирующее приложение, не беспокоясь о запутанных настройках конфигурации с самого начала, я рекомендую использовать facebooks стартовый код приложения create-реагировать.
Я понимаю, что это не поможет вам, если вы хотите изучить процесс установки, но для того, чтобы сразу перейти к реагирующей маршрутизации и узнать, что это отличный ресурс! Я запускаю большинство своих веб-приложений, используя это. Его также можно легко изменить на реализовать экспресс, когда вы еще больше углубитесь в мир веб-разработки. Я считаю, что начальный код также настроен с помощью веб-пакета и поддерживает горячую загрузку, поэтому любые внесенные вами изменения будут автоматически обновлены/отражены после нажатия кнопки «Сохранить», и вам не нужно перезапускать/повторно публиковать на сервере!
Кроме того, эта книга также является отличным ресурсом для изучения реакции, DOM, JS, Express и тому подобного. Я прочитал и проработал последнее издание (опубликовано в 2017 году?) и нашел его очень полезным, надеюсь, это новое издание имеет такую же репутацию.
Веб-пакет сам по себе является еще одной большой темой, и я рекомендую вам прочитать о его возможностях, функциях, дизайне/реализации высокого уровня и тому подобном, поскольку это действительно интересно! Удачной транспиляции!
Видите ли вы какие-либо ошибки в консоли браузера? Публикация вашего кода реакции помогает.