Blank page displayed after importing a dash app into the main index.py but app displaying just fine if run as a stand alone app

Hello,
I am creating a multi-apps dashboard that follows the structure shown in the dash documentation (URL Routing and Multiple Apps | Dash for Python Documentation | Plotly, Structuring a Multi-Page App):

• app.py
• index.py
• apps folder containing:

• app1.py
• app2.py
• app3.py

The multi-page app works fine when importing/displaying only app1 and app2.

However, when importing app3, the multi-page app shows blank pages for any of the urls (url of app1, app2, and app3).

When I run app3 locally (creating the app dash in the app3.py and calling app.run_server at the end of the app3.py file), the app displays/runs fine in the browser.

When I import app3.py into the index.py page and run index.py, I get no error on the python console and no errors on the html page: just blank pages for all the urls created for each of the app.

This is mindblowing as I can’t even get an error to display so I don’t know what needs fixing. If I don’t import app3.py and only display app1 and app2 and then run index.py, the dashboard displays fine. If I run app3.py as a stand-alone dash app, it displays fine. However as soon as I import app3.py into the index.py file then nothing displays. When I break after the apps import in index.py and display the app3 layout, it looks fine and it’s the same layout that displays well when I run app3.py as a stand alone dash app.

Any clue as to what is happening or how I could get the error to show?

Thank you.

1 post - 1 participant

Read full topic