未捕获的ReferenceError：ol未定义

Question

环境：Plone 5.0.6，OpenLayers 3.11.0

我想在https://github.com/GaborFarkas/mastering_openlayers3/archive/v1.1.zip使用示例代码在我的Plone实例中工作。您可以在https://github.com/l34marr/my.map/tree/world-capitals看到试图读取GeoJSON文件并在VectorLayer上显示功能的自定义包代码。

首先我遇到以下错误：

  

未捕获的ReferenceError：ol未定义

     

未捕获的错误：匿名的define（）模块不匹配：function（）{...

通过猜测，解决方法似乎解决了上述问题：更改two lines in main_template.pt的顺序如下：

<metal:javascriptslot define-slot="javascript_head_slot" />
<div tal:replace="structure provider:plone.scripts" />

这样，错误就消失了，一切看起来都按预期工作了。请参阅屏幕截图以供参考。

问题：导致错误的原因是什么？调试和修复问题的建议提示是什么？