Expand my Community achievements bar.

Adobe Summit 2025: AEM Session Recordings Are Live! Missed a session or want to revisit your favorites? Watch the latest recordings now.

Emulator not working while editing template

Avatar

Level 2

When we click on any emulator for device i.e. iPhone8 etc., its not working and following error is displayed in developer console -

AA84_0-1669098050778.png

Tried removing custom clientlibs but didnt help.

Also, page component is present in OSGI config.

Please suggest.

7 Replies

Avatar

Community Advisor

Hi @AA84 ,

Please refer this article if it helps: https://levelup.gitconnected.com/aem-customize-emulators-in-layout-mode-288f951d96c5

Regards,

Santosh


Santosh Sai

AEM BlogsLinkedIn


Avatar

Level 2

Thanks for your reply @SantoshSai

I took a look at that article, it talks about customizing breakpoints. We are not using custom and having issues with OOTB ones.

We are facing the same issue while we are trying to create a new template with no custom components.

Please suggest.

Avatar

Level 2

We are also facing the same issue on AEM 6.5.12. Is there a resolution to this one @AA84 @SantoshSai  

Avatar

Level 4

@AA84 I am facing the same issue. Can you tell me if you could fix the issue and what was the resolution? Thank you.

Avatar

Level 2

@aemninja , the problem was with our custom javascript, which was causing emulator to break.

Avatar

Level 4

Thanks for your reply. Actually we don't have any custom javascript implementation for emulator. Not sure what to check.

Avatar

Level 1

We faced a similar issue. In our case, again the issue was with one the custom components scss files . To be precise , it was due to custom media query mixins. 
In each case it might be different, but device emulator client lib code is OOTB one , so the cause of the issue mostly is due to the custom code.