April 26, 2020
Estimated Post Reading Time ~

AEM Components not loading in Touch UI

I am facing below issues when working on touch UI
  1. I don't see the components on the left rail though I have added the components from design mode. I am dragging and dropping the component from classic ui. I found in the forum that there is a cache issue in touch ui. I cannot find my components in touch ui sideline. I could see this error on page load /libs/wcm/core/content/components.1498484847911.html?_=1498484940719 500 (Server Error)
  2. When I tried to author the touch ui dialog and click on save, I don't see page is refreshed and authoring changes are not reflected. I see below the JS error in the browser console.
Error 1:
http://localhost:4502/libs/wcm/core/content/components.1498581741018.html?_=1498581672508 - 500 internal server

Error 2:
Uncaught TypeError: Cannot read property 'componentConfig' of undefined
at f (editor.min.js:4355)
at Object.<anonymous> (editor.min.js:4578)
at i (jquery.min.js:784)
at Object.fireWith [as resolveWith] (jquery.min.js:820)
at cf (jquery.min.js:2421)
at XMLHttpRequest.i (jquery.min.js:2519)


Error 3:
Uncaught Error: Components could not be loaded.

Error 4: 
GET https://localhost:4502/libs/wcm/core/content/components.1537887896814.html 500 (Server Error)

Root Cause:
when I hit url [1], I am getting below exception.
org.apache.sling.api.request.TooManyCallsException: /libs/cq/gui/components/authoring/componentbrowser/component/component.jsp

It seems that the total number of components in AEM instance is more than the default number i.e 1500 (AEM 6.1) or 1000 (AEM 6.2). So the new components are not displayed inside rail and not able to edit the existing components.

Solution:
We need to increase the "sling.max.calls" property value of "Apache Sling Main Servlet" OSGI config. My total component count was 1602, I have increased to 2000 and solved above 2 issues


By aem4beginner

No comments:

Post a Comment

If you have any doubts or questions, please let us know.