Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

[Angular] Text and Image Components are not visible in authoring mode when trying with AEM SPA Editor

tinoymthms
Level 1
Level 1

Local Environment
Before filing an issue verify that the prerequisite tools/software are installed:

  • AEM 6.4 + SP2
  • Java 1.8
  • Apache Maven 3.3.9 
  • Node.js v10.16.1
  • npm 6.9.0

The issue
Text and Image Components are not visible in authoring mode. And I am not able to see the components in the side panel as well. The interesting thing is that there are no errors in Chrome's dev tools while loading the URL http://localhost:4502/editor.html/content/wknd-events/angular/home.html

Where in the tutorial are you experiencing an issue?

In Chapter 3 while reviewing the Text and Image components in AEM

1 Accepted Solution
Nikhil-Kumar
Correct answer by
Community Advisor
Community Advisor

@tinoymthms 

As Editable templates were not supported in AEM 6.4.2 (But now supported with AEM 6.5.5).
So the issue might be your component wont be the part of the Policies. 
So to access policies you need to access it from Editable templates but as that option is not available in AEM 6.4.2 with SPA. 
In this case you need to navigate under /conf folder to the node where policies are stored and you need to add as part of policies manually.

NOTE: In AEM 6.5.5 Onwards this issue can be handled straight forward.

Thanks,
Nikhil

View solution in original post

3 Replies
ArpitVarshney
Community Advisor
Community Advisor

Hi @tinoymthms 

 

Could you please check your template on whether those components have been allowed in the layout container or not?

If not, please add them so that it will start appearing on the pages using that template for that layout container.

To add General Image and text component, Follow the below steps in GIF:

 

ezgif.com-video-to-gif.gif

 

Regards,

Arpit

tinoymthms
Level 1
Level 1

Hi @ArpitVarshney ,

I have tried what you have suggested, but my template is empty when I try to edit it. And I can see some errors in the console of the template page.

1. Uncaught TypeError: Handlebars.compile is not a function

2.  Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'conf/wknd-events/settings/wcm/templates/wknd-events-page-template/structure.html'

3. Uncaught TypeError: Cannot read property 'lastModified' of undefined

Nikhil-Kumar
Correct answer by
Community Advisor
Community Advisor

@tinoymthms 

As Editable templates were not supported in AEM 6.4.2 (But now supported with AEM 6.5.5).
So the issue might be your component wont be the part of the Policies. 
So to access policies you need to access it from Editable templates but as that option is not available in AEM 6.4.2 with SPA. 
In this case you need to navigate under /conf folder to the node where policies are stored and you need to add as part of policies manually.

NOTE: In AEM 6.5.5 Onwards this issue can be handled straight forward.

Thanks,
Nikhil

View solution in original post