AEM 6.2（将组件拖到此处）Parsys 高度 0px

Question

我正在使用 AEM 6.2 并尝试使用以下代码在 crx 中创建 parsys 组件

但是，在编辑模式下，此 parsys 的高度为 0px。

附上截图。

当我手动将高度更改为某些值时，例如。40px，看起来不错。

注意：我没有为上述页面使用任何客户端库。（没有 css 和 js）

此外，geomatrix 等所有示例站点都正确显示了 parsys。

任何人都可以指导我做错什么吗？

Answer 1

我认为问题出在组件或此处显示的任何代码之外。

我认为正在发生的事情是未加载为 droptarget 占位符提供其尺寸的 div 的 css 样式。

它作为 AEM 创作客户端库的一部分加载，您应该从基础页面组件继承该库。

检查页面组件的 sling:resourceSuperType 属性。它应该指向 wcm/foundation/components/page 或 wcm/foundation/components/page 或从一个组件继承。

如果设置了，那么您可能阻止了其中的一个脚本，很可能是 head.html。

Answer 2

在页面组件的呈现脚本的 head 部分中包含以下代码。

<!--/* Include Adobe Dynamic Tag Management libraries for the header 
<sly data-sly-include="/libs/cq/cloudserviceconfigs/components/servicelibs/servicelibs.jsp" data-sly-unwrap/>
*/-->
  <!--/* Initializes the Experience Manager authoring UI */-->
<sly data-sly-include="/libs/wcm/core/components/init/init.jsp" data-sly-unwrap/>