Upgrade Nativescript 7.0 to 8.0 (including other dependencies) about reserbiz HOT 17 CLOSED

This is the official blog post about upgrading the Angular version to 12. https://blog.nativescript.org/nativescript-angular-12/index.html

from reserbiz.

Update Angular Version refer to this page https://www.npmjs.com/package/@angular/cli#updating-angular-cli

from reserbiz.

Use this reference to check the node compatibility version with angular https://gist.github.com/LayZeeDK/c822cc812f75bb07b7c55d07ba2719b3

from reserbiz.

The current version of @nativescript/schematics which is responsible for code sharing feature is not yet updated to support angular version 12 and nativescript core 8. Its hard to manually update the version. I think we have to wait until the @nativescript/schematics plugin is updated.

from reserbiz.

Another solution to be able to proceed with the upgrade is to convert the reserbiz project to the regular nativescript project, the one without code sharing feature. Besides I don't think I will create a web version of the Resebiz. Only Android and iOS versions. For now, I will try this solution.

from reserbiz.

Unfortunately, the @nativescript/schematics has been deprecated https://www.npmjs.com/package/@nativescript/schematics. This means, the best solution that I have is to proceed with the solution from the previous comment.

from reserbiz.

Instead of trying to convert the current project to a non-shared version of Nativescript, I decided to create a new fresh nativescript application and start migrating files from the old project to this new project. To be honest, It will take some time to fully migrate the entire application. As much as possible, document all steps pertaining to the migration process.

from reserbiz.

Found an issue on @nativescript/firebase plugin. See thread EddyVerbruggen/nativescript-plugin-firebase#1873.

from reserbiz.

I discontinued using the plugin https://www.npmjs.com/package/nativescript-cfalert-dialog.

I replaced plugin https://www.npmjs.com/package/nativescript-appversion with https://www.npmjs.com/package/@nativescript/appversion

from reserbiz.

The application is now running!

There are still issues on other pages. These things need to be documented and fixed.

from reserbiz.

Looks like Tabs component is no longer supported on the version 8 of nativescript. This needs to be replaced by TabView component instead https://docs.nativescript.org/ui-and-styling.html#tabview

from reserbiz.

I have discovered some other issues that arises after the migration to the new version and these are the following:

• Since the https://www.npmjs.com/package/nativescript-cfalert-dialog. plugin has been discontinued, we have to find to refactor both alert and confirm function below so all codes using these functions will be fixed.

• The nativescript-websockets has been deprecated and we should replace it with @master.technology/websockets.
  

• The payload property no longer exists in the newer version of @nativescript/local-notifications. This has to be investigated.

• There is a problem on nativescript-ui-dataform. Updating the form source object makes the UI resets. See attached video recordings below. I have asked the Nativescript community in Discord about the issue. Hoping that someone can help me resolve the issue.

• Another nativescript-ui-dataform related problem. There seems to be a problem with Switch , any form where this control exists makes the app crashes.

from reserbiz.

I'm done refactoring dialog.service.ts file. I have instead use https://docs.nativescript.org/interaction.html#dialogs for both alert and confirm dialogs.

from reserbiz.

The missing payload property on https://www.npmjs.com/package/@nativescript/local-notifications is now fixed. I have upgraded the version to @6.0.0.

from reserbiz.

I have started refactoring some places which uses nativescript-ui-dataform. I decided to replace it with angular reactive forms. So far, I'm almost done refactoring the add term details form.

from reserbiz.

At this moment, I have decided to not continue replacing the nativescript-dataform with angular reactive forms. Since the problem only exists with Switch control, I instead replaced all Switch control with Picker control with Yes and No options.

from reserbiz.

At this moment, I could say that the migration of the app from using the code sharing structure to the Nativescript standard project structure is now completed! Moving this issue to close now.

from reserbiz.