bug: IonModal not working on Typescript

[farisfaisalthena]

Prequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x

Current Behavior

When importing the code below Visual Studio will not compile and will give me an error Failed to compile.

import { IonModal } from '@ionic/angular/directives/overlays/ion-modal';

@ViewChild(IonModal, { static: true }) modal: IonModal

Expected Behavior

In order to use any functionality from Ion Modal using typescript, compiling the project should not fail

Steps to Reproduce

Copy paste the code below

import { IonModal } from '@ionic/angular/directives/overlays/ion-modal';

@ViewChild(IonModal, { static: true }) modal: IonModal

Code Reproduction URL

No response

Ionic Info

No response

Additional Information

No response

[liamdebeasi]

Thanks for the issue. Your import here looks incorrect. It should be:

import { IonModal } from '@ionic/angular';

Can you try that and let me know if it resolves the issue?

If it still does not fix the issue, please reproduce this in an Ionic starter app and provide a link to the repo.

[farisfaisalthena]

Module '"@ionic/angular"' has no exported member 'IonModal'. this is the error on the import { IonModal } from '@ionic/angular';

[liamdebeasi]

Thanks! Can you try this dev build and let me know if it resolves the issue?

npm install @ionic/[email protected]

[farisfaisalthena]

Yup working now

[liamdebeasi]

Thanks for the issue. This has been resolved via #23847, and a fix will be available in an upcoming release of Ionic Framework.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.