How can we use Anular SSR with Capacitor?

[Saqib92]

I have an Angular app working perfectly on web server, now i want to convert it into Mobile app using capacitor? How can i do it when i add capacitor to my project it asks for index.html but i have 2 folder in my dist folder.
/server/server.mjs is the file i use.

How can i convert my app into capacitor app?

[robingenz]

There should also be a browser folder in your build output. That's the folder you have to set as webDir in the Capacitor configuration file.

[robingenz]

There is a appStartPath configuration option for Capacitor to change the default filename, see #8019.

[Saqib92]

npx cap sync still throwing error:

webDir: 'dist/wizdiary/browser',
server: {
  androidScheme: 'https',
  appStartPath: 'index.csr.html'
},

The web assets directory (./dist/wizdiary/browser) must contain an
index.html file.
It will be the entry point for the web portion of the Capacitor app.

[robingenz]

Do you use the latest Capacitor version?

[Saqib92]

Yes.

package.json:

"@angular/animations": "^18.2.0",
    "@angular/common": "^18.2.0",
    "@angular/compiler": "^18.2.0",
    "@angular/core": "^18.2.0",
    "@angular/forms": "^18.2.0",
    "@angular/platform-browser": "^18.2.0",
    "@angular/platform-browser-dynamic": "^18.2.0",
    "@angular/platform-server": "^18.2.0",
    "@angular/router": "^18.2.0",
    "@angular/ssr": "^18.2.1",
    "@capacitor/android": "7.4.0",
    "@capacitor/angular": "^2.0.3",
    "@capacitor/core": "^7.4.0",
    "@capacitor/ios": "7.4.0",
    "express": "^4.18.2",
    "ng2-adsense": "^14.0.0",
    "ngx-cookie-service-ssr": "^18.0.0",
    "ngx-spinner": "^18.0.0",
    "ngx-toastr": "^19.0.0",
    "rxjs": "~7.8.0",
    "swiper": "^11.1.11",
    "tslib": "^2.3.0",
    "zone.js": "~0.14.10"

[robingenz]

In this case you have to debug this step. Maybe it's a bug or I'm wrong. Alternatively, you could run a script before sync to rename that file.