bug: Cannot read properties of undefined (reading 'getText')

[brodenbrett]

Prerequisites

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

Codemod version

0.0.7

Current Behavior

An error occurs when running the utility:

┌  Ionic Angular Standalone Codemods
┌  This utility will migrate your Ionic Angular project to use the new standalone components from Ionic Framework v7.5.0.
│
▲  --------------------------------------------------
│
▲  ⚠️  This utility is experimental. Always review the changes made before committing them to your project. ⚠️
│
▲  For manual migration, see the guide at: https://www.ionicframework.com/docs/angular/build-options#migrating-from-modules-to-standalone
│
▲  --------------------------------------------------
│
◇  Would you like to run this migration as a dry run? No changes will be written to your project.
│  Yes
│
◇  Please enter the path to your project (default is the current working directory):
│  /Users/<myusername>/Apps/<projectfolder>
│
■  An error occurred during the migration.
│
■  Cannot read properties of undefined (reading 'getText')
│
└  If you encounter any issues with this migration utility, please report them at: https://github.com/ionic-team/ionic-angular-standalone-codemods/issues

Expected Behavior

The utility should run.

Steps to Reproduce

1. npx @ionic/angular-standalone-codemods in terminal at the package folder
2. Hit 'Yes'
3. Use current directory

Code Reproduction URL

No response

Additional Information

Ionic Version: 7.5.6
Angular Version: 17.0.4
Typescript Version: 5.2.2
Node Version: 20.10.0

[pqnet]

I have the same issue. Is there a way to print some debug information?

[brodenbrett]

@pqnet I'm on a time crunch so I ended up doing the conversion manually. It wasn't difficult, just a bit grueling - it can take a while depending on the complexity of your app.

If you're in the same situation here's the steps I followed. I recommend creating a backup of your repository first.

[pqnet]

I had a look at the script through a debugger, and I think this is an issue that comes when importing IonModule in secondary modules without the .forRoot part. I believe the scripts looks for that member call to identify which modules have to be updated.

[ionitron-bot]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.
Please provide a sample project and a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.
If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

[DmitrySharabin]

I'm facing the same issue. 😭

[pqnet]

This repository exhibits the odd behavior. The commits list the sequence of operations that were done to generate that repository.

https://github.com/pqnet/ionic-test-migration

I believe in this case the script is confused by the lack of a main module that imports IonModule (because we switched to the new standalone angular bootstrap function).

The alt branch contains a workaround, i.e. running the last step of the ng g @angular/core:standalone script after @ionic/angular-standalone-codemods. I am not sure whether the dependencies are picked up correctly in larger apps though - in my case they weren't.

[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 the codemods, please create a new issue and ensure the template is fully filled out.