公司内网离线环境Dash应用布局样式无法正常显示问题求助

样式丢失的核心原因是你使用的dash-bootstrap-components主题默认从公网CDN加载CSS资源，公司内网无法访问公网，导致样式文件加载失败。以下是两种可行的解决方案：

方案1：直接调用dash-bootstrap-components本地自带主题（推荐） #

dash-bootstrap-components安装包内置了所有官方主题的CSS文件，你只需要修改app初始化配置，强制加载本地资源即可，无需额外下载文件：

• 初始化Dash实例时增加serve_locally=True参数，强制所有JS、CSS资源从本地包加载，不访问公网CDN
• 使用dbc.themes.get_path()方法读取本地主题文件，替换原有的CDN引用方式

修改后的代码示例：

app = dash.Dash(
    __name__,
    # 读取本地自带的DARKLY主题文件
    external_stylesheets=[dbc.themes.get_path(dbc.themes.DARKLY)],
    # 强制所有静态资源本地加载
    serve_locally=True
)

方案2：手动存放主题CSS到本地assets文件夹 #

如果你的dash-bootstrap-components版本较低不支持get_path方法，可以用该方案：

• 在可联网设备上下载对应版本的DARKLY主题CSS文件（注意要和你使用的bootstrap版本匹配，dbc 1.x对应Bootstrap 5，0.x版本对应Bootstrap 4）
• 在你的Dash项目主文件同级目录新建名为assets的文件夹，将下载好的CSS文件放入该文件夹
• 初始化app时删除external_stylesheets参数即可，Dash会自动读取assets目录下的所有CSS文件生效

内容的提问来源于stack exchange，提问作者hoa tran