Ionic v8 Angular v18 TS can't locate Ionic Component Types

Ionic Framework ionic-v3
1

I’m updating my Ionic v7 Angular v 17 app to v8/v18 and typescript can’t locate the Ionic types:


✘ [ERROR] TS2304: Cannot find name 'HTMLIonToastElement'. [plugin angular-compiler]

    src/app/app.component.ts:155:25:
      155 │   private _offlineToast: HTMLIonToastElement;
          ╵                          ~~~~~~~~~~~~~~~~~~~


✘ [ERROR] TS2305: Module '"@ionic/angular/standalone"' has no exported member 'IonicConfig'. [plugin angular-compiler]

    src/app/app.module.ts:32:7:
      32 │   type IonicConfig,
         ╵        ~~~~~~~~~~~


✘ [ERROR] TS2307: Cannot find module '@ionic/core' or its corresponding type declarations. [plugin angular-compiler]

    src/app/layouts/layout-edit/layout-edit.page.ts:13:35:
      13 │ import { OverlayEventDetail } from '@ionic/core';

I looked at the upgrade docs and didn’t see anything about updating/installing any type libraries or changing imports.

Any thoughts?

2

I ended up npm installing all the dependences even though my tsconfig.json already had:
"moduleResolution": "node",

I didn’t have to do that with previous versions.

Any ideas?

3

This was due to running the angular migration to 18 and choosing the wrong builder.
In angular.json I needed:
“builder”: “@angular-devkit/build-angular:browser”,