使用命令提示符启动 '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之类的,真的很有趣!转译愉快!
我不知道这是不是问这个问题的好地方,但我刚开始学习 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之类的,真的很有趣!转译愉快!