Level 4

Solved

AEM Page Editor error : Handler of component is invalid -> TypeError: Cannot read property 'flow' of undefined

Forum|Forum|5 years ago
May 9, 2020
9 replies
16230 views

Hi,

When i open my page in edit mode, i am getting the issue as in screenshot. Please provide solution to resolve this issue.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by VeenaVikraman

Hi All

To anyone who will face this issue in the future, please find below the details how this was fixed in my local.

Root Cause :

If you click on the last line where the error is occurring from the error trace , it will take you to a JS in the libs. Please check the below screenshots

Click on Pretty Print and it will highlight the error lines

If you hover on the clientlibs it will give you the path of the clientlibrary , which is at /libs/cq/gui/components/authoring/editors/clientlibs/core . I pulled the files under this path and did a search to find the JS which was causing issue and it took me to /libs/cq/gui/components/authoring/editors/clientlibs/core/js/util/util.js

The error is happening at line number 254 of the file , where the argument code , passed to this method is actually passing as undefined.

To fix this , we can add an if condition as below

or you can replace the below line of code in your file from 254 - around 268

ns.util.sanitizeCQHandler = function (code) {
    var handler;
    if(!code){
        try {
            handler = eval('(' + code + ')');
        } catch (ex) {
            handler = $.noop;
            $(document).trigger($.Event("error", {
                message: "Handler of component is invalid",
                exception: ex
            }));
        }
    }
    return handler;
};

This should ideally fix the issue. Hope this helps.

Thanks

Veena

Nirmal_Jose

Adobe Employee

Hi,

Can you add some more details.

1. Which AEM version ?

2. Did this error happened after any particular action.

Core js is the fundamental JS which powers most of the authoring actions. Best options you can try if it just happened is to Invalidate and rebuild your clientlibs from [1]

[1] http://localhost:4502/libs/granite/ui/content/dumplibs.rebuild.html

S

santhoshsrgAuthor

Level 4

Thanks @nirmal_jose

I am using AEM 6.5

This issue occurs when i build my project.

I tried to Invalidate and rebuild clientlibs but this doesn't solve the issue

nidhip010816

Adobe Employee

Hi Santosh,

Please try to rebuild the clientlibs by going to the URL[1]

First click on Invalidate Cache

Then click on rebuild clientlibs

Warm Regards,

Nidz

[1] http://<host>:<port>/libs/granite/ui/content/dumplibs.rebuild.html?rebuild=true

S

santhoshsrgAuthor

Level 4

Thanks @nirmal_jose I am using AEM 6.5 This issue occurs when i build my project. I tried to Invalidate and rebuild clientlibs but this doesn't solve the issue

S

santhoshsrgAuthor

Level 4

Thanks @nirmaljosehere and @nidhip010816

I am using AEM 6.5

This issue occurs when i build my project.

I tried to Invalidate and rebuild clientlibs but this doesn't solve the issue

V

vibhanshu-1

I'm facing same issue. This used to occur only in Chrome and worked well in Firefox. But now, I'm getting different errors in different browsers. Chrome show this error and FIrefox shows: Handler of component is invalid -> @http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.js line 272 > eval:1:2 tried rebuilding clientlibs but doesn't works...

V

vibhanshu-1

I'm facing same issue. This used to occur only in Chrome and worked well in Firefox. But now, I'm getting different errors in different browsers. Chrome show this error and FIrefox shows: Handler of component is invalid -> @http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.js line 272 > eval:1:2 tried rebuilding clientlibs but doesn't works... I'm on AEM 6.5.6 with project archetype 24

S

sravani_540

@santhoshsrg : Hi Santhosh,I too have the same issue,is it resolved for you?

VeenaVikraman

Accepted solution

Community Advisor

Hi All

To anyone who will face this issue in the future, please find below the details how this was fixed in my local.

Root Cause :

If you click on the last line where the error is occurring from the error trace , it will take you to a JS in the libs. Please check the below screenshots

Click on Pretty Print and it will highlight the error lines

If you hover on the clientlibs it will give you the path of the clientlibrary , which is at /libs/cq/gui/components/authoring/editors/clientlibs/core . I pulled the files under this path and did a search to find the JS which was causing issue and it took me to /libs/cq/gui/components/authoring/editors/clientlibs/core/js/util/util.js

The error is happening at line number 254 of the file , where the argument code , passed to this method is actually passing as undefined.

To fix this , we can add an if condition as below

or you can replace the below line of code in your file from 254 - around 268

ns.util.sanitizeCQHandler = function (code) {
    var handler;
    if(!code){
        try {
            handler = eval('(' + code + ')');
        } catch (ex) {
            handler = $.noop;
            $(document).trigger($.Event("error", {
                message: "Handler of component is invalid",
                exception: ex
            }));
        }
    }
    return handler;
};