Ionic App update ionic3 - ionic7

Ionic Framework Ionic Angular
1

Hello, my name is Andreus and I need big help.

I’m working on updating an Ionic app. The app was originally made with Ionic 3, and now I’m trying to update it to Ionic 7.

To do this, I started a new project, added the files, and updated them. It has been really hard to achieve, and now I’m facing a problem that I can’t figure out the reason for. When I open the project in Android Studio and build it, after the splash screen, there’s only a blank page. Looking in the Logcat (at the link), I don’t find the error that’s causing this.

Can someone help me? Here are the package.json and the Logcat log.

2

See if there are any errors in DevTools by going to chrome://inspect/#devices in Chrome on your computer while running via Android Studio.

3

There is, but without much more information. The project target is only mobile, so I didn’t send it earlier.

image
image553×688 36.2 KB

4

Have you looked into what is causing those JS Reference Errors? Very likely that is what is causing your blank screen.

Even though your target is only mobile, the app running on the phone is still running in a WebView and looking at DevTools for the WebView is useful in many cases :grinning:

5

In the end, I gave up the approach and tried another way. It is not easy to explain everything I’ve done, so I’ll try my best.

  1. I started a new project and moved all updated components and pages.
  2. In the new project, I now have two home modules—one from the blank project and the other from the old project.
    2.1) I updated the routing module and the module of the blank project with the files from the old project.
    2.2) I fixed the errors.
  3. I updated the home template.

Now I have something running on the web, but nothing on mobile yet.

It has been hard to complete this update, truth be told. But now I can at least move forward with the web version.

I’ll consider this a solution, although it is not perfect since the app is still not running completely.