http-server -p 8080不支持我的角度应用程序。而服务确实如此

Question

This is what I see when I open my localhost

我想使用Angular制作PWA，所以我按照angular.io website上的说明进行了最小的细节，但它没有打开通常的“欢迎使用您的应用”页面。可能是什么问题？

我安装了以下内容：

Angular CLI：6.0.1
节点：8.9.4
操作系统：linux x64
Angular：6.0.1

This is what the console displays when i click on pwaApp and the browser directs me to blank page

我的问题是什么？我该如何解决？提前致谢

Answer 1

我在 Angular6 中也遇到了这个问题，但是可以通过以下步骤解决

1. 使用ng build --prod
2. 然后

cd dist
cd project_name
npx http-server

1. 单击服务器启动后提供的任何IP，例如127.0.0.1:8080

Answer 2

看起来你在父文件夹中启动了你的开发服务器。

您是否成功构建了应用程序？

Answer 3

好像你的dist文件夹是空的。请仔细检查并确保您的构建成功.lite-server这就是我经常用来运行我的角度应用程序。请查看此链接https://github.com/angular/angular-cli/wiki/stories-disk-serve。 即使您在重新加载页面时使用http-server，它也会显示404错误。网页未找到。最佳解决方案是使用lite-server。

npm i lite-server -g

然后在应用程序的根路径中进行cd并运行

lite-server --baseDir="dist"

默认情况下，您的应用会在端口3000上运行。 如果您想在不同的端口上运行它，请查看此答案https://stackoverflow.com/a/35517817/6261137

Answer 4

我找到了解决方案。我必须构建应用程序然后cd进入dist然后 cd（再次）进入构建的应用程序 http-server -p 8080 之前。我刚才提到的教程是为了进入dist并服务，所以它不是很清楚。