Ionic7 on Windows with NPM10 NODEJS21 bug: Ionic Serve Works Ionic Build doesnt create tabs

[greenvilleassociates]

trafficstars

Prerequisites

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

Ionic Framework Version

v7.x

Current Behavior

Ionic Serve produces the correct Output Ionic Build creates an Index.html which references the right assets folder but doesnt display Ion Tabs or the SubPages.

Expected Behavior

Ionic Serve and Ionic Build Should have the same output.

Steps to Reproduce

1. Create standard Tab App.
2. Follow Ionic Training Module for Photo App.
3. Ionic Serve Creates a Working App.
4. Ionic Build does create files in Dist, but the Index.html does not reference the Tabs in the model.

Code Reproduction URL

https://gl1.glocation.info/ionicapp

Ionic Info

Additional Information

No response

[greenvilleassociates]

I solved this in part temporarily....the code produced in the dist folder when mounted under iis webserver has to have a root url which points to the dist folder as root. In iis this is the basic properties of a webserver.

I am wondering however in what Json or configuration a second level or specific url could be added prior to a build. The issue is the Javascript parameters ionic creates don't have appropriate url styling imho....and it displays a grey or blank screen.

The other issue I have is that since ionic build only creates a single page, the react router destinations don't work when the client clears the cache of their webserver....any best practices on how to handle resynchs to the webserver....usually for seperate pages, clearing the cache doesn't drop the url from the browser action menu, since the pages actually exist they can be processed. Ionic is creating an in memory cache or shadow Dom, and it doesn't work again until the root page is hit again.do we have to redirect every page? Best practices with react router would be helpful.

[thetaPC]

Thank you for submitting the issue!

Unfortunately, we no longer maintain v7 as of Oct 17, 2024. I would recommend upgrading to v8. If you are still seeing the same issue after upgrading, then please provide a repro that uses v8.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being closed due to the lack of a reply. 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.

Thank you for using Ionic!

[ionitron-bot[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.