使用命令提示符启动 'http-server' 运行 但不工作

started 'http-server' using command prompt its running but not working

我不知道这是不是问这个问题的好地方,但我刚开始学习 reactjs 并卡在了开头,这就是问题所在。

我已经安装了 node 并在命令提示符 npm 命令中安装了 http-server npm install -g http-server 并转到了我的静态文件和 运行 命令所在的目录http-server 然后到浏览器点击 localhost:8081

浏览器上没有 happens/shows 但在命令提示符下它显示它 运行 正在正常工作,每次我刷新浏览器然后它在命令提示符下显示工作。那么为什么浏览器上没有任何反应?

代码如下:

<!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>

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

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

例如,如果您的文件名为 somefile.html,请尝试像 http://localhost:8081/somefile.html

一样访问此文件

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

我知道如果你想学习设置过程,这对你没有帮助,但对于直接跳到 React 路由并学习它是一个很好的资源!我的大部分 web-applications 都是用这个开始的。当您更深入地探索 web-dev 的世界时,它也可以很容易地修改为 implement express。我相信起始代码也设置了 web-pack 并支持 hot-loading,所以你所做的任何更改都会在点击保存后自动 refreshed/reflected 而你不需要 restart/republish到服务器!

此外,this book 也是学习 React、DOM、JS、Express 等的重要资源。我阅读并通读了上一版(2017 年出版?),发现它非常有用,希望这个新版本也能享有同样的声誉。

Web-pack本身又是一个很大的话题,我赞成你读一读它的能力,功能,高级design/implementation之类的,真的很有趣!转译愉快!