我无法在localhost：8080上运行Angular 7 PWA

Question

创建Angular PWA时遵循以下命令：

ng new pwa-my-site
cd my-site
ng add @angular/pwa

之后，我安装了http服务器：

npm install -g http-server
ng build --prod
http-server -c-1 dist/pwa-my-site

但是当我转到http://localhot:8080时，该页面为空，并显示以下消息：

  

发生了违反网络协议的情况，无法恢复通信。

Answer 1

这是错别字的localhot：8080而不是localhost：8080（mit S）吗？

您的步骤正确，应该可以正常工作。我写了tutorial to create a PWA with Angular from scratch。您可以看一下并与您的代码进行比较。 本文还指出了一种有效的Angular PWA，它具有用于静态资产和GET HTTP请求的缓存策略。

Answer 2

假设您使用Windows操作系统（否则，可能需要一些不同的netsat参数）。 您可以尝试以下命令

  

netstat -aon | findstr“：8080”

它应该显示一行

  

TCP 127.0.0.1:8080 <这里的其他几列，最后一个是PID，也就是“进程ID”

如果输出为空，则表示8080上没有监听任何内容。否则，这意味着您的端口绑定已启动并正在运行，并且问题高出一级（很可能是您的浏览器安全设置阻止了任何本地主机绑定，请尝试其他浏览器或绑定到您的网卡IP地址而不是本地主机）。