Troubleshooting a Client Library loading Failure

Question

Hello

AEM 6.5 --> Browsed couple of places and tutorials. Did not find a way to troubleshoot. So thought of asking that question here. When you have a line that says

<sly data-sly-use.clientLib="/libs/granite/slightly/templates/clientlib.html" data-sly-call="${clientLib.js @ categories='we.train.all'}"/> , I understand the js and css should be in a folder of type cq:ClientLibraryFolder and categories should have we.train.all and this folder can be anywhere, but ideally in /apps/ folder. (I am referring to tutorials that were probably written prior to 6.5 version and that says to put it in /etc/designs/)

Question, using developer tools, if the css doesnot get loaded, how do I troubleshoot to figure out, where I have gone wrong

Thanks

Nirmal_Jose · Accepted Answer

You can use dumplibs at [1] to validate your clientlibs. Enter your clientlib category and type and verify the path to which it is resolving into. Then you can invoke the URL directly in the browser with .css or .js extension to see what is being loaded. For example, for clientlib category - core.wcm.components.accordion.v1.editor and type JS, the path it is resolving into is /apps/core/wcm/components/accordion/v1/accordion/clientlibs/editor. If you invoke http://localhost:4502/apps/core/wcm/components/accordion/v1/accordion/clientlibs/editor.js, you can see what is being loaded. Hope this helps.

[1] - /libs/granite/ui/content/dumplibs.html

Suraj_Kamdi · Answer

@aemuserfromplano First, check whether clientlib folder has css.txt and js.txt files.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded