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

React Text Component is not adding in aem-guides-wknd-events example.

Avatar

Avatar
Boost 1
Level 1
athirajr8028725
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
athirajr8028725
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile
athirajr8028725
Level 1

08-04-2019

Hi Team,

I have installed AEM 6.4 (with Service pack 2) on local machine successful. My plan is to create AEM SPA project in local environment. So i have refereed below adobe site link to create AEM SPA project

Getting Started with React and AEM SPA Editor

---------------------------------------------------------------

https://helpx.adobe.com/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/...

Below is the listing of chapters in the tutorial:

Successfully completed Chapter 0 - project Setup steps and finally build deployed project into my local AEM instance. As per the Chapter 1

steps i have created React "Text " in  wknd project and build and deployed successfully into my local AEM instance. But "Text" component is not visible on my local environment.

Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 1

So I have tried multiple times but same result, So could you please assist how do i add React component in Wknd project.

Thanks,

Athiraj.

Replies

Avatar

Avatar
Ignite 1
Employee
aemmarc
Employee

Likes

184 likes

Total Posts

243 posts

Correct Reply

92 solutions
Top badges earned
Ignite 1
Give Back 50
Give Back 5
Give Back 3
Give Back 25
View profile

Avatar
Ignite 1
Employee
aemmarc
Employee

Likes

184 likes

Total Posts

243 posts

Correct Reply

92 solutions
Top badges earned
Ignite 1
Give Back 50
Give Back 5
Give Back 3
Give Back 25
View profile
aemmarc
Employee

08-04-2019

Interesting, in the tutorial docs before they were publicly available there was a section that talks about AEMFED (AEM FrontEnd Developer) which is an application that automatically pushes your compiled React app into aem.

aemfed -t "http://admin:admin@localhost:4502" -w "./jcr_root"

AEMFED will be monitoring the jcr_root folder within your React App and as soon as a change is made (eg: npm run build), it will deploy the change into AEM.

I'm not seeing anything around this on the Helpx docs for the Wknd tutorial though ...

I haven't gone through the Wknd SPA tutorial specifically, but I have deployed a simple SPA to see how it works. I'll probably go through the Wknd SPA tutorial this week and if you don't get a better answer from someone else, I'll circle back here and provide me thoughts.

Avatar

Avatar
Validate 1
Level 7
Prince_Shivhare
Level 7

Likes

97 likes

Total Posts

378 posts

Correct Reply

61 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 50
View profile

Avatar
Validate 1
Level 7
Prince_Shivhare
Level 7

Likes

97 likes

Total Posts

378 posts

Correct Reply

61 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 50
View profile
Prince_Shivhare
Level 7

08-04-2019

I am hoping you have created a component successfully. then after

As the template is an editor,  have you added a component using template policy. then only you will be able to add the component to parsys and then drag drop.

please let know if you are able to add it.

Avatar

Avatar
Ignite 1
Employee
dgordon86
Employee

Likes

49 likes

Total Posts

73 posts

Correct Reply

26 solutions
Top badges earned
Ignite 1
Give Back 5
Give Back 3
Give Back 10
Give Back
View profile

Avatar
Ignite 1
Employee
dgordon86
Employee

Likes

49 likes

Total Posts

73 posts

Correct Reply

26 solutions
Top badges earned
Ignite 1
Give Back 5
Give Back 3
Give Back 10
Give Back
View profile
dgordon86
Employee

08-04-2019

I'm assuming that you see the Text component in the AEM UI and that you can add it to the page, but when you do it disappears?

It may be a JS / client lib caching issue: Adobe Experience Manager Help | Set up a Local AEM Development Environment there are some steps to invalidate the clientlibs and then trying a fresh browser session / clear history might help...

Avatar

Avatar
Ignite 1
Employee
dgordon86
Employee

Likes

49 likes

Total Posts

73 posts

Correct Reply

26 solutions
Top badges earned
Ignite 1
Give Back 5
Give Back 3
Give Back 10
Give Back
View profile

Avatar
Ignite 1
Employee
dgordon86
Employee

Likes

49 likes

Total Posts

73 posts

Correct Reply

26 solutions
Top badges earned
Ignite 1
Give Back 5
Give Back 3
Give Back 10
Give Back
View profile
dgordon86
Employee

08-04-2019

Hi @aem_marc,

There are two WKND tutorials one for traditional AEM sites and then another set for developing with the SPA editor. The traditional sites one includes some steps to use AEMFED: Getting Started with AEM Sites Chapter 3 - Client-Side Libraries and Responsive Grid

AEMFED could also be used with the SPA Editor but I think the intention is to do most of your local SPA development using the built-in webpack server: Adobe Experience Manager Help | Getting Started with React and AEM SPA Editor - Chapter 2 and just periodically deploying the compiled App to the local AEM instance (using maven or AEMFED)

Avatar

Avatar
Boost 1
Level 1
athirajr8028725
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile

Avatar
Boost 1
Level 1
athirajr8028725
Level 1

Like

1 like

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
View profile
athirajr8028725
Level 1

08-04-2019

Thanks for all your response. Let me try all your suggestion on my local AEM instance.

https://helpx.adobe.com/experience-manager/kt/sites/using/getting-started-spa-wknd-tutorial-develop/...

Avatar

Avatar
Give Back
Level 1
skarolk
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Give Back
View profile

Avatar
Give Back
Level 1
skarolk
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Give Back
View profile
skarolk
Level 1

10-02-2021

I'm having the exact same issue and I do not see the text component at all in the AEM UI, it just says "No resultsPlease try with another keyword"

Avatar

Avatar
Give Back
Level 1
skarolk
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Give Back
View profile

Avatar
Give Back
Level 1
skarolk
Level 1

Likes

0 likes

Total Posts

2 posts

Correct Reply

0 solutions
Top badges earned
Give Back
View profile
skarolk
Level 1

10-02-2021

Solved my issue.