Level 3

Parsys is not displaying in initial content of the editable template using RemoteSPA with react with Wknd SPA initial setup

Forum|Forum|1 year ago
May 23, 2024
1 reply
2210 views

Hi,

I have done the basic Remote SPA with react using WKND App setup and iam getting the below issue. I didnot deploy any code specifically as well.

Parsys is not displaying in initial content of the editable template using RemoteSPA with react . I am using the AEM version 6.5.19 and if i go to the console i see 1 error. Please help me to get resolve this issue.

The above issue we are getting both sdk and AEM 6.5.19

Thanks & Regards,

Kalyan

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

EstebanBustamante

Community Advisor and Adobe Champion

Hi,

You have a CORS issue, to solve this you need to configure "Adobe Granite Cross Origin Resource Sharing Policy" and allow your React app there. This is well detailed in the SPA Remote React tutorial, take a look at this step: https://experienceleague.adobe.com/en/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/remote-spa/aem-configure#cross-origin-resource-sharing-security-policies and add the config.

Make sure the config is in your AEM instance and that this config has the correct port and address for your React app.

To learn more about CORS check this: https://experienceleague.adobe.com/en/docs/experience-manager-learn/foundation/security/understand-cross-origin-resource-sharing

Hope this helps.

Esteban Bustamante

K

kalyanchakravarthychAuthor

Level 3

Hi @estebanbustamante ,

I already configured the CORS but still Iam getting the same issue. Moreover actual page is loading and showing Parsys. Also Parsys is showing in structure mode of editable template.

PFA attached screenshot.