Question

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

我已经安装了节点并从命令提示符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/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>

Answer 1

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

我知道，如果您希望学习设置过程，那么这对您没有帮助，但是可以直接进入反应路由并得知这是一个很好的资源！我使用此启动大多数Web应用程序。当您进一步研究Web开发世界时，也可以轻松地将其修改为implement express。我相信入门代码也已通过web-pack设置并支持热加载，因此您所做的任何更改都将在保存后自动刷新/反映，并且您无需重新启动/重新发布到服务器！

最重要的是，this book还是学习React，DOM，JS，Express等类似资源的绝佳资源。我阅读并阅读了上一版（于2017年出版？），并发现它超级有用，希望此新版具有相同的声誉。

Web-pack本身是另一个大话题，我支持您阅读它的功能，功能，高级设计/实现等，因为它非常有趣！编译快乐！

Answer 2

http-server似乎有一个持续的问题。但是，我们可以使用this调整来解决此问题。

运行http-server命令后，尝试使用文件名访问localhost中的文件。

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

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

2 个答案: