Angular service worker state (/ngsw/state) doesn't work if context is not /

[autozoom]

🐞 bug report

Affected Package

@angular/pwa
@angular/service-worker

Description

Service worker state is not viewable if the app context is not /

🔬 Minimal Reproduction

• build the angular PWA with --base-href="/myfolder/"
• deploy the app to the myfolder subfolder
• check that https://server/myfolder/ngsw/state does not work

For example:

• go to https://www.bassanofamiglia.it/ng-garsiawe/portalecittadino to see the app
• check that https://www.bassanofamiglia.it/ng-garsiawe/portalecittadino/ngsw/state doesn't work

🌍 Your Environment

Angular Version:

Angular CLI: 7.3.8
Node: 10.15.0
OS: win32 x64
Angular: 7.2.12
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.12.4
@angular-devkit/build-angular      0.12.4
@angular-devkit/build-ng-packagr   0.12.4
@angular-devkit/build-optimizer    0.12.4
@angular-devkit/build-webpack      0.12.4
@angular-devkit/core               7.2.4
@angular-devkit/schematics         7.3.8
@angular/cdk                       7.3.7
@angular/cli                       7.3.8
@angular/material                  7.3.7
@angular/pwa                       0.12.4
@angular/service-worker            7.2.15
@ngtools/json-schema               1.1.0
@ngtools/webpack                   7.2.4
@schematics/angular                7.3.8
@schematics/update                 0.13.8
ng-packagr                         4.7.1
rxjs                               6.4.0
typescript                         3.2.4
webpack                            4.28.4

this comment to another issue is relevant: #30351 (comment)

[gkalpak]

This is related to #25055. The code posted in #25055 (comment) should fix this as well (see L1797 and L1882 in the updated code).

@autozoom, if you (or anyone else) is interested in working on this, I'd be happy to help.
(You would basically take the fix from #25055 (comment), put it in a PR and add tests.)

[Jun711]

@autozoom
Did you get the following error when you tried to access ngsw/state when building PWA using --base-href="/myfolder/"

core.js:15713 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'ngsw/state'
Error: Cannot match any routes. URL Segment: 'ngsw/state'

#29944

@gkalpak
Do you have any update regarding this issue?

[gkalpak]

@Jun711, not much of an update, I'm afraid.

Someone started a PR (#31082) based on the code I posted in #25055 (comment) (which would solve the issue), but couldn't see it through, then a bunch of people offered to pick it up, but nobody did 😁

If nobody beats me to it, I will pick it up at some point (after Ivy is released) 🤷‍♂

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}