将Dash布局保存为html

Question

我用破折号布局绘制了一堆东西。我想将它们保存到html文件中，以便稍后查看。当我重新打开保存的html文件时，我首先正确地看到了一切。但是，在＆lt; 1s内，页面变为空白，我收到错误：“加载布局时出错”。 （见下面的gif）

如何解决这个问题？

谢谢！

Answer 1

Dash应用程序layout被序列化为JSON，并由Dash服务器（Flask服务器的扩展）提供给前端。 布局中包含的所有Dash组件都捆绑为JS / CSS文件。这些捆绑包也由Dash服务器提供给前端。

没有服务器，没有人可以向前端发送JSON，JS，CSS包，因此不会呈现任何内容。

我不确定为什么你能在短时间内看到你的应用。我的猜测是，Dash每次运行时都会保存应用的PNG图像。可以把它想象成在真实的，被动的应用程序出现之前看到的启动画面。

请看看high-level overview有关Dash如何在幕后工作的内容。

Answer 2

此解决方案无法完全正常运行：

您必须保存完整的网页。
为了防止javascript创建任何错误 我已经删除了 bundle（2）.js 文件。

此文件包含函数dash_renderer，该函数尝试与服务器交互并产生问题。

<footer>
<script id="_dash-config" type="application/json">{"url_base_pathname": "/", "requests_pathname_prefix": "/"}</script>
<script src="./Dash_files/react.min.js"></script>
<script src="./Dash_files/react-dom.min.js"></script>
<script src="./Dash_files/bundle.js"></script>
<script src="./Dash_files/plotly-1.38.0.min.js"></script>
<script src="./Dash_files/bundle(1).js"></script>
<!-- <script src="./Dash_files/bundle(2).js"> --></script>
</footer>

结果与您在1秒钟内看到的页面相同。

最大的缺点：与情节的互动丧失了。