Проблема углового развертывания CLI на страницах Github: ошибка: ошибка: не найдена (в обещании): ошибка: невозможно сопоставить ни один маршрут

Я пытаюсь развернуть свое приложение Angular SPA на страницах github, используя этот https://github.com/angular/angular-cli/wiki/stories-github-pages.

Я запускаю эту команду ng build --prod --output-path docs --base-href learningangular

Learningangular - это имя моего репозитория github.

Вот маршруты

const appRoutes: Routes = [
  { path: "", redirectTo: "/abc", pathMatch: "full" },

  { path: "abc", component: OtherComponent },
  { path: "lazy", loadChildren: "./lazymodule/lazy.module#LazyModule" },

  {
    path: "example",
    loadChildren: "./ExampleModule/example.module#ExampleModule"
  },
  {
    path: "projects",
    component: ProjectsComponent,
    children: [
      {
        path: "",
        component: ErrorPage
      },
      {
        path: ":id",
        component: ProjectDetailsComponent
      }
    ]
  }
];

когда я открываю github.io/learningangular, он перенаправляет на github.io/learningangular/learningangular/ и выдает ошибку

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'learningangular'
Error: Cannot match any routes. URL Segment: 'learningangular'

Что я делаю неправильно?

я использую

 "@angular/core": "^5.0.0",
 "@angular/cli": "1.5.0",
 "@angular/compiler-cli": "^5.0.0",

1 ответ

Решение

Вы запускаете команду ng build с неправильным параметром для --base-href, Нужен параметр следующего вида https://YOUR_GITHUB_USERNAME.github.io/PROJECT_NAME/,

Похоже, что информация github wiki в этом случае не точна.

Другие вопросы по тегам