散景内联嵌入,“加载资源失败”

Posted

技术标签:

【中文标题】散景内联嵌入,“加载资源失败”【英文标题】:Bokeh Inline Embedding, 'Failed to load resource' 【发布时间】:2017-01-03 13:31:03 【问题描述】:

我在嵌入 Bokeh 内联时遇到问题。特别是,从“链接”标签加载资源时存在问题(请参阅下面的 html sn-p)。出于某种原因,当我尝试嵌入散景图内联时,出现以下错误:“加载资源失败:服务器响应状态为 404(未找到)”,引用此链接 - https://cdn.bokeh.org/bokeh/release/bokeh.min.css.map

但是,上面的地址与我在链接标签中指出的地址不同(它省略了最后的散景版本)。我不知道为什么会出现这个错误,这是第一次发生这种情况。我之前曾多次成功使用内联嵌入。

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

编辑

我正在尝试将内联嵌入与 jQuery 一起使用(我想显示不同的散景图而不是每次都重新加载整个页面)。

当我在控制台中查找更多错误详细信息时,我发现了以下错误:“渲染 Bokeh 模型时出错:找不到带有 id 的标签...”

如果有任何相关性,这是我的 html 中的 jQuery 脚本:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type=text/javascript>
    $(function() 
      $('a#process_input').bind('click', function() 
        $.getJSON('/background_process', 
          proglang: $('input[name="proglang"]').val(),
        , function(data) 
          $("#result").html(data.a);
          $("#r").html(data.b);
        );
        return false;
      );
    );
</script>

其中 'data.a' 和 'data.b' 分别是 Bokeh 生成的脚本和 div 标签。

任何建议或意见将不胜感激!

【问题讨论】:

【参考方案1】:

最好的猜测是脚本在 &lt;div&gt; 插入 DOM 之前先/早执行。您需要找到一种方法来保证 &lt;div&gt; 在脚本执行时可用。

顺便说一句,在创建componenent 函数时,并没有真正设想到部分负载用例。如果您想进行部分加载,最好提供文档 JSON,然后以某种方式直接从 JavaScript 调用 Bokeh.embed.embed_items。但是可能需要进行一些实验和讨论,然后来回进行才能使其正常工作,而这并不是很好。我鼓励你把这个话题带到public Discourse 进一步讨论。

【讨论】:

以上是关于散景内联嵌入,“加载资源失败”的主要内容,如果未能解决你的问题,请参考以下文章

win10运行中出现duilib加载资源失败。怎么解决

win10运行中出现duilib加载资源失败,又没啥影响,是啥原因啊~~

Sprite Kit 中的 AVAudioPlayer“加载资源失败”原因资源“无法加载 sound.caf”

文档中的最后一张图片加载失败 - “加载资源失败”

使用上下文加载器加载资源失败并出现 NullPointerException

需要带有散景的示例嵌入图