Adding @angular/pwa issue

Ionic Framework
1

Hi, i’m following a josh morony tutorial about adding service workers to your ionic 4 app: https://www.joshmorony.com/create-a-pwa-with-angular-service-workers-in-ionic-4/

On of the first steps is to execute: ng add @angular/pwa --project < app-name >

However this results in the following error:

49

i’ve tried googling this but i cant seem to find a similar issue.

my node version is 8.11.4
angular version : 6.0.9
ionic version 4.0.0-beta.2

Any help would be appreciated

2

  • not sure, but, is maybe your global angular cli outdated?

  • or maybe somewhere a node version problem?

3

Fixed it by installing @angular/cli@latest. It seems it was using the outdated version angular-cli.

However running the command now throws a Invalid rule result: Function(). .

it did however add the angular/pwa package on version 0.7.4. Somehow i expected this to line up with the other versions ie. 6.0.9

1 Like
4

maybe there is an incompatibility since you installed the last pwa package and you are still using older angular libs…maybe try to upgrade angular dependencies?

5

I found an open github issue regarding this error. Reverting to an older version of pwa seems to be the fix. How do you mean using older angular libs ?

6

https://www.npmjs.com/package/@angular/cli#updating-angular-cli

7 
"@angular/animations": "6.1.3",
"@angular/cdk": "6.4.5",
"@angular/common": "6.1.3",
"@angular/compiler": "6.1.3",
"@angular/core": "6.1.3",
"@angular/forms": "6.1.3",
"@angular/http": "6.1.3",
"@angular/material": "6.4.5",
"@angular/platform-browser": "6.1.3",
"@angular/platform-browser-dynamic": "6.1.3",
"@angular/platform-server": "6.1.3",
"@angular/pwa": "^0.7.4",
"@angular/router": "6.1.3",
etc.

P.S.: These are compatible respectively I don’t face that error, not in Ionic app but in my website

8

It was indeed me having outdated angular version. I just got back from vacation and the dev team and i thought 6.0.9 was still the latest. Thanks.

1 Like
9

Cool, nice to hear it worked out

P.S:: About dependencies version, https://github.com/tjunnone/npm-check-updates is awesome. I run the cmd ncu like every week to see what dependencies aren’t updated anymore, really handy

10

@HinderiksR

See:

1 Like