@Shiv_Prakash_Patel It's not working. getting a different error."com.mysite.models.component.MyCustomComponent cannot be correctly instantiated by the Use API" Any other way to solve this issue?

Where would I give this node property -> ${item.fragmentPath} in the above code?

Thanks for your solution. It worked as expected.

Actually, I am not able to show the Experience Fragment through HTL from the Node Properties. When I include the below HTL in the HTML file, I am getting this error "org.apache.sling.api.request.RecursionTooDeepException:" <div data-sly-test="${item.innerBannerType == 'with-badges'}" class="badge-wr...

Actually, I need to get the multifield count in the component, and then I need to use that count in the HTL. Is there any way to get the multifield count?

Is this a good practice for big websites? or any other way to do this? Because if we are loading the entire scripts for a web page, where it only needed two scripts, then the performance might be affected.

I am trying to load only the specific JavaScript files on a web page in AEM? For example:-I have 50 JavaScript for my entire website but I need to load only the 2 Scripts instead of loading the whole 50 scripts. In this case, how do I achieve it?

I found the cause of this issue. It happened because of the unwanted components that occupied the page while doing authoring. After removing that unwanted components, it was working fine. Thanks everyone for the support.

Any solutions? Please share.

yes I can access the above URL and see the bundles.