Dash多页面应用DBC导航栏配置问题求助

问题1：Debug模式无法启动 #

原因 #

Dash的热重载机制在多页面应用场景下会重复注册页面，引发内部冲突导致服务器启动失败。

解决办法 #

启动服务器时添加use_reloader=False参数，禁用自动重载的重复加载逻辑：

if __name__ == "__main__":
    app.run_server(debug=True, use_reloader=False)

问题2：页面切换出现404错误 #

原因 #

导航栏中Home链接的href与页面注册路径不匹配：home.py已将首页路径设为/，但导航栏写的是/home，会跳转至不存在的页面；另外原代码中className="mb2"是错误的Bootstrap间距类，应为mb-2。

解决办法 #

修正导航栏的链接路径和样式类：

navbar = dbc.NavbarSimple(
            children=[
                dbc.NavItem(dbc.NavLink("Home", href="/")),  # 匹配首页注册的根路径
                dbc.NavItem(dbc.NavLink("Data upload", href="/data_upload")),
            ],
            brand="Multipage Dash App",
            color="dark",
            dark=True,
            className="mb-2",  # 修正Bootstrap间距类格式
        )

可选优化 #

为避免默认路径歧义，建议在data_upload.py中显式指定页面路径：

import dash
from dash import html

dash.register_page(__name__, path="/data_upload")  # 显式指定路径

layout = html.Div(children=[
        html.H1(children='This is our upload page')
])

内容的提问来源于stack exchange，提问作者Alex M