http-server -p 8080 不为我的 angular 应用程序提供服务。而 ng serve 确实

Question

This is what I see when I open my localhost

我想用 Angular 制作一个 PWA，所以我按照 angular.io website 上的说明进行了最小的细节，但它没有打开通常的 "Welcome to your app" 页面。可能是什么问题？

我安装了以下软件：

Angular CLI：6.0.1
节点：8.9.4
OS: 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

您似乎在父文件夹中启动了开发服务器。

您的应用构建成功了吗？

Answer 2

您的 dist 文件夹似乎是空的。请仔细检查并确保您的构建 succeed.lite-server 这就是我经常用于运行我的 angular 应用程序的内容。看看这个linkhttps://github.com/angular/angular-cli/wiki/stories-disk-serve。问题是，即使您在重新加载页面时使用 http-server，它也会显示 404 错误。找不到网页。最好的解决方案是使用精简服务器。

npm i lite-server -g

然后在你的应用程序的根路径中 cd 和运行

lite-server --baseDir="dist"

默认情况下，您的应用将运行通过端口 3000。如果你想运行它在不同的端口，那么看看这个答案

Answer 3

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

Answer 4

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

使用 ng build --prod
然后

cd dist
cd project_name
npx http-server

点击服务器启动后给定的任何 IP，例如127.0.0.1:8080

http-server -p 8080 不为我的 angular 应用程序提供服务。而 ng serve 确实

http-server -p 8080 does not serve my angular application. Whereas ng serve does

angular

angular6