Dash 引导组件未显示

Question

我想在我的 Django 项目中有进度条，但它没有显示在页面上。我已经安装 django-dash 和 dash-bootstrap-components。代码：

import dash_html_components as html
import dash_bootstrap_components as dbc
from django_plotly_dash import DjangoDash

app = DjangoDash("Progress", add_bootstrap_links=True)
app.layout = html.Div(dbc.Progress(value=100))

和模板

{% load plotly_dash %}
<div class="{% plotly_class name="Progress" %}">
    {% plotly_app_bootstrap name="Progress" %}
</div>

Answer 1

我很难弄清楚为什么我的 Django dash 应用程序中没有加载 dash-bootstrap-components。我使用以下简单步骤解决了问题：

https://django-plotly-dash.readthedocs.io/en/latest/bootstrap.html#using-bootstrap

Answer 2

这可能很难设置 - 您必须遵循所有安装步骤。项目文档中有summary：

• 从项目文档的配置部分添加各种设置，尤其是STATICFILES_FINDERS、PLOTLY_COMPONENTS 和MIDDLEWARE。
• 使用pip install django-bootstrap4 安装django-bootstrap 4，并在项目的settings.py 文件中将bootstrap4 添加到INSTALLED_APPS
• 确保正确设置了提供静态文件的设置，尤其是 STATIC_ROOT，如 Django 文档中所述
• 使用prepare_demo 脚本或执行等效步骤，尤其是migrate 和collectstatic 步骤