Question

我一直在遵循Angular的文档将我的项目设置为渐进式Web应用程序，但是当我在本地服务器上运行该项目时，出现错误消息"GET /" Error (404): "Not found"。有人知道什么可能导致此问题，以及我该如何解决？

我正在采取的步骤是：

运行命令ng add @angular/pwa --project disc-golf-project
正在运行ng build --prod。
运行http-server -p 8080 -c-1 dist/disc-golf-project
转到http://localhost:8080/（这是我收到404错误的地方）

自从我重定向到/ home以来，我感觉这可能是我的路由。这是我的app-routing.module.ts：

import { NgModule } from "@angular/core";
import { Routes, RouterModule } from "@angular/router";
import { PlayerSelectionComponent } from "./player-selection/player-selection.component";
import { HighscoresComponent } from "./highscores/highscores.component";
import { HomeComponent } from "./home/home.component";
import { GameComponent } from "./game/game.component";
import { ResultsComponent } from "./results/results.component";
import { WeatherComponent } from './weather/weather.component';

const routes: Routes = [
  { path: "highscores", component: HighscoresComponent },
  { path: "player-selection", component: PlayerSelectionComponent },
  { path: "home", component: HomeComponent },
  { path: "", pathMatch: "full", redirectTo: "home" },
  { path: "game", component: GameComponent },
  { path: "results", component: ResultsComponent },
  { path: "weather", component: WeatherComponent },

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule {}

请让我知道是否需要更多信息，我会予以张贴。

Answer 1

忽略潜在的路由问题（只需在该路由上恢复正常，看看您是否可以访问该站点），将角度设置为PWA只需几个步骤：

已运行ng add @ angular / pwa，这应该已经可以工作到您已设置PWS的地步-potentailly您已发布了一个空站点或缓存了一些东西。 F12->应用程序选项卡->服务人员。

您看到列出的任何内容吗？并确保在“缓存存储”下清除所有内容。最初使用PWS通常会导致意外的缓存，从而导致这些问题。＃

如果您一无所获，请对照Google的PWS课程检查您的工作。前2/3小章应该涵盖您的所有内容：

https://codelabs.developers.google.com/dev-pwa-training/

无法正确设置Angular PWA

1 个答案: