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

Forum|Forum|6 years ago
April 8, 2019
3 replies
8250 views

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/react.html#local-dev-env

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.

Chapter 1 - Editable Components

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

A

aemmarc2

Adobe Employee

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.

Prince_Shivhare

Community Advisor

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.

Daniel_Gordon

Adobe Employee

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...