Bokeh embed在Flask中不起作用(未定义Bokeh)

Question

我试图在我的flask应用程序中加载一个bokeh图形，但我无法在我的模板中渲染该图。我使用bokeh.embed组件的方式与所有示例中的使用方式完全相同：

script1, div1 = components(p)
cdn_js = CDN.js_files[0]
cdn_css = CDN.css_files[0]

然后，我将组件传递给render_template，如下所示：

return render_template("plot.html", script1=script1, div1=div1, cdn_css=cdn_css, cdn_js=cdn_js )

当plot.html加载时，它包含了所有的组件，但是由于某些原因，绘图根本不显示。下面是渲染模板中的脚本：

<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cyborg/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<link rel="stylesheet" href=https://cdn.bokeh.org/bokeh/release/bokeh-0.12.13.min.js type="text/css" />
    <script type="text/javascript" src=https://cdn.bokeh.org/bokeh/release/bokeh-0.12.13.min.css></script>

脚本和div都在正文中，看起来都是正确的。然而，我在javascript中得到一个错误：

Uncaught ReferenceError: Bokeh is not defined
at HTMLDocument.fn

如果我在头部加载bokeh库，为什么会出现这个错误？请帮帮忙。

Answer 1

您似乎将CSS和JS负载搞混了。您将在<link rel="stylesheet"...>标记中加载bokeh.min.js，并在<script>标记中加载bokeh.min.css。