I am attempting to re-make an updated version of my PWA app with modern versions of Angular, Ionic, and Firebase. I am failing to get a PWA at actually gets recognized as a PWA so it can be installed, with custom desktop icons, etc.
The page https://ionicframework.com/docs/angular/pwa on how to do this seems out of date, but I did the best I could with it, and things seem to still not work – in the end my firebase hosted Ionic app is just not recognized as a PWA, and Chrome does not offer to install it as such.
I’ve recreated the issue using the most minimal setup I could. The github repo is here.
In the repo, my README.md documents the steps I took.
Ionic Info:
ionic info
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package.json'
Require stack:
- /Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/lib/project/index.js
- /Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/lib/index.js
- /Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/index.js
- /Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/bin/ionic
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module '@capacitor/android/package.json'
Require stack:
- /Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/lib/project/index.js
- /Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/lib/index.js
- /Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/index.js
- /Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli/bin/ionic
Ionic:
Ionic CLI : 7.2.0 (/Users/vtn2/.nvm/versions/node/v20.9.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 8.4.3
@angular-devkit/build-angular : 19.1.5
@angular-devkit/schematics : 19.1.5
@angular/cli : 19.1.5
@ionic/angular-toolkit : 12.1.1
Capacitor:
Capacitor CLI : 7.0.1
@capacitor/android : not installed
@capacitor/core : 7.0.1
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v20.9.0 (/Users/vtn2/.nvm/versions/node/v20.9.0/bin/node)
npm : 10.1.0
OS : macOS Unknown
If anyone has recently created a PWA with custom icons, I’d appreciate any insight you can give me.