Оказывается, я пропустил некоторые клиентские библиотеки на своей странице. Поэтому, если у кого-то есть такая же проблема, добавьте следующие строки в ваши пользовательские библиотеки. html в компоненте вашей страницы:
<sly data-sly-use.wcmInit="/libs/wcm/foundation/components/page/initwcm.js"
data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html">
<sly data-sly-call="${clientlib.css @ categories='aem-demo-bundle.main,aem-demo-bundle.dependencies'}"/>
<sly data-sly-test.templateCategories="${wcmInit.templateCategories}"
data-sly-call="${clientLib.css @ categories=templateCategories}" />
</sly>
<sly data-sly-include="author.html" />
И создайте файл с именем author. html в той же папке и добавьте следующее. код:
<sly
data-sly-use.clientLib="${'/libs/granite/sightly/templates/clientlib.html'}"
data-sly-call="${clientLib.all @ categories='cq.authoring.page'}" />
<sly data-sly-call="${clientLib.all @ categories='cq.wcm.edit'}" />
<sly data-sly-test="${!wcmmode.disabled}" data-sly-call="${clientLib.all @ categories='cq.wcm.foundation-main'}" />
<sly data-sly-test="${!wcmmode.disabled}" data-sly-call="${clientLib.all @ categories='cq.shared'}" />