Ionic App not serving correctly on web after Ionic 5 to Ionic 6 and Angular 10 to Angular 13 migration (baseHref issue?)

Ionic Framework
4

So I just tested this out with a new starter project to validate it first.

<!-- src/index.html -->
<head>
  <meta charset="utf-8" />
  <title>Ionic App</title>

  <base href="/" />

Added the following to my angular.json’s build options

      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "www",
            "baseHref": "/web/",

ran ng build and open the www/index.html.

<!-- www/index.html -->
<head>
  <meta charset="utf-8"/>
  <title>Ionic App</title>

  <base href="/web/"/>

I also checked with the angular folks and they said that the CLI should be updating the baseHref

So you might need to review your @angular-devkit/build-angular to make sure you have the latest release. Since app flow is just running a normal build, you should be able to replicate this locally.