AEM Template editor & Experience Fragments

[Kallepalli]

Hi,

When I add a "Experience Fragment" to template editor i am facing below error in the browser.

Note: This error is only in Structure mode. I tried the solution provided in AEM Template editor & Experience Fragments but it did not help.

"ERROR An error occurred, please check the browser console for more details." And in the browser console i see below error

Handler of component is invalid -> @http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js line 1912 > eval:1:2 ns.util.sanitizeCQHandler@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:1912:13

_loadConfig/<@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:2313:69 each@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:91:10 _loadConfig@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:2312:1 updateConfig@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:2320:1 constructor@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:2245:1 ns.util.extendClass/classDefinition.constructor@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:1856:154 i.getEditables/<@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:8101:66 each@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:91:10 each@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:37:27 i.getEditables@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:8101:8 i.loadEditables@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:8112:34 activate@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:5202:30 activateLayer@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:5162:1 init@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/sites/template.min.js:319:... b.LayerManager/<@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:5122:37 dispatch@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:1305:6 add/cm.handle@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:1210:116 trigger@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:1282:8 trigger/<@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:1445:54 each@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:91:10 each@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:37:27 trigger@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:1445:33 onContentFrameLoaded/<@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:8190:49 cd@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:786:26 fireWith@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:819:9 cg/<@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:857:19 cd@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:786:26 fireWith@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:819:9 Deferred/</i[ch[0]]@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:846:22 ns.loadComponents/</<@http://localhost:4502/libs/cq/gui/components/authoring/editors/clientlibs/core.min.js:8233:1 then/</</<@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:832:32 cd@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:786:26 fireWith@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:819:9 cn@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:2445:7 cd@http://localhost:4502/etc.clientlibs/clientlibs/granite/jquery.min.js:2550:12 core.min.js:5006:32

[smacdonald2008]

In your template editor policy - have you allowed use of an ex fragment?

[smacdonald2008]

I am testing this use case too in order to see if this can be reproduced. I have never tried using an experience fragment within an editable  template.

[Kallepalli]

Yes I did. It is working fine (content is loading from experience fragment) except the error message in the browser with lot of console errors when we reload the page in structure mode.

[smacdonald2008]

I am following this doc to setup my project.

Scott's Digital Community: Creating an Adobe Experience Manager project using Lazybones

Then the only different is i will drop in an EX FR and see if this is the results i get. I will post back.

[smacdonald2008 · Accepted solution]

I am able to reproduce this. This is a bug - please open a support ticket so this can be fixed. An Experience Fragment should be used within an editable template.