Browser console error while adding components to the page using plus icon

Question

Hi All,

I get a browser console error when I try to add components to the page. This happens when I use the plus icon. When I double click on the parsys area to add components, it works fine. But when I use the plus icon, it doesn't work and shows this error.

Also, this error happens only when I have an experience fragment in the page.

When I delete the experience fragments, im able to add the components using plus icon. Does anyone have any idea on this and how it can be resolved?

Thanks,
Siva

Jineet_Vora · Accepted Answer

Hello @sivaramr5911311,Difficult to say what can be the issue but looks like some JS conflict.Initially, when you load the page, check for any JS errors on browser console.If no errors on page load, then add the mentioned XF on page and check browser console.Use ?debugClientLibs=true to debug the JS errors which could be coming from custom JS.https://helpx.adobe.com/in/experience-manager/kb/How-to-debug-javascript-errors-in-AEM.html#:~:text=B.&text=In%20Touch%20UI%2C%20enabling%20debug,of%20code%20you%20are%20debugging.&text=Click%20%22Console%22%20of%20the%20%22Developer%20Tools%22%20panel.Jineet

santhosh_kumark · Answer

Hi @sivaramr5911311 ,

There are two possibilities.

1. Try checking there are required js library for that function which is throwing error in console.

2. indexOf is a method that you find on strings not numbers. Try converting it to Strings.

Please follow this link https://stackoverflow.com/questions/36483151/uncaught-typeerror-indexof-is-not-a-function

hope this will resolve the issue.

Regards,

Santosh

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded