使用命令提示符启动“http-server”，它正在运行但无法正常工作答案

【问题标题】：started 'http-server' using command prompt its running but not working使用命令提示符启动“http-server”，它正在运行但无法正常工作
【发布时间】：2019-11-04 14:59:33
【问题描述】：

我不知道这是否是问这个问题的好地方，但我刚开始研究 reactjs 并停留在开始，这里是问题。

我已经安装了节点并从命令提示符npm install -g http-server 上的npm 命令安装了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/babel-standalone@6.15.0/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>

【问题讨论】：

您在浏览器控制台上看到任何错误吗？发布您的 reactjs 代码会有所帮助。
@Pavan 控制台没有任何错误

标签： html reactjs http server httpserver

【解决方案1】：

http-server 似乎一直存在问题。但是，我们可以使用 this 调整来解决这个问题。

在运行http-server 命令后尝试使用文件名访问本地主机中的文件。

例如，如果您的文件名为somefile.html，请尝试访问此文件，如http://localhost:8081/somefile.html

【讨论】：

这是我在浏览器上收到的错误消息：此页面无法正常工作 localhost 发送了无效响应。 ERR_INVALID_REDIRECT
@waleedd32 我已经更新了我的答案。让我知道它是否对您有用。
它工作了，谢谢，但为什么它不能这样工作：localhost:8081？你知道有什么方法可以代替“http-server”吗？
@waleedd32 据我了解，http-server 版本存在不兼容问题。可以通过使用这个命令降级http-server的版本来解决——npm install -g http-server@0.9.0
为什么我每次都需要刷新本地主机，不是自动反应吗？只是保存，它应该在那里显示而不刷新

【解决方案2】：

如果您正在寻找一种替代/简单的方法来设置 React 应用程序，而不必从一开始就担心混乱的配置设置，那么我建议使用 facebooks create-react-app starter code。

我知道，如果您想了解设置过程，这对您没有帮助，但对于直接进入 react 路由并了解它是一个很好的资源！我使用它来启动我的大部分网络应用程序。当您更深入地研究 web-dev 的世界时，它也可以很容易地修改为 implement express。我相信起始代码也设置了 web-pack 并支持热加载，因此您所做的任何更改都会在点击保存后自动刷新/反映，您无需重新启动/重新发布到服务器！

除此之外，this book 也是学习 React、DOM、JS、Express 等的绝佳资源。我阅读并完成了上一版（2017 年出版？），发现它非常有用，希望这个新版本拥有同样的声誉。

Web-pack 本身是另一个大主题，我支持您阅读它的功能、功能、高级设计/实现等，因为它真的很有趣！愉快的转译！

【讨论】：