Emulator not working while editing template

[AA84]

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

Tried removing custom clientlibs but didnt help.

Also, page component is present in OSGI config.

Please suggest.

[SantoshSai]

Hi @AA84 ,

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

Regards,

Santosh

[AA84]

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.

[anirudhanand]

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

[aemninja]

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

[AA84]

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

[aemninja]

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

[svenkatesh]

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.