本地 HTML 文件无法正确加载到 Dash 应用程序中

【问题标题】：Local HTML file won't load properly into Dash application本地 HTML 文件无法正确加载到 Dash 应用程序中
【发布时间】：2021-09-17 00:13:39
【问题描述】：

我尝试将本地 html 文件嵌入到基本的 Dash 应用程序中。我使用了link 中的代码并将路径替换为我的本地相对路径（dash 应用程序与 html 本地页面位于同一文件夹中）

html.Iframe(src="random_example.html",
            style={"height": "1067px", "width": "100%"})

但这是我得到的结果：

【问题讨论】：

标签： python html css path plotly-dash

【解决方案1】：

您可以将 html 文件放在 assets 文件夹中并像这样引用它：

import dash
import dash_html_components as html

app = dash.Dash(__name__)

app.layout = html.Div(
    children=[
        html.Iframe(
            src="assets/random_example.html",
            style={"height": "1067px", "width": "100%"},
        )
    ]
)

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

【讨论】：

[已解决]哇，非常感谢！我被困了很长一段时间，只是将 HTML 文件移动到资产实际上使它工作。很好奇为什么不将文件放入资产中，但仍然无法正常工作，谢谢！