SPA React not displaying Custom Components | Community
Skip to main content
dexm32937298
Level 2
Aug 22, 2019 3:34 PM UTC
Solved

SPA React not displaying Custom Components

I have spent a ton of time and combed through the docs to figure out this. My custom built react component is not displaying in the editor, ever. It is showing up on the http://localhost:4502/content/wknd-events/react.model.json and in the CXR/DE. Feel like I have tried everything and I am not seeing any resources for debugging this/ a workaround.  The custom-built components also do not render in ANY AEM instance but if I pull up the local build (localhost:3000) all of the items that I did add appear.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
dexm32937298Accepted solution
Level 2
Aug 29, 2019 4:11 PM UTC

That helps a little with understanding the pathing that it is taking but Still nothing is working. All of the Data is in the JCR and since Adobes Docs are straight garbage when it comes to this I am not able to find anything.

View reply

13 replies

LaMind3
Level 2
Sep 12, 2020 10:43 AM UTC
Hi dexm32937298, I am facing same issue. were you able to fix this issue?
Translate
    dexm32937298AuthorAccepted solution
    Level 2
    Aug 29, 2019 4:11 PM UTC

    That helps a little with understanding the pathing that it is taking but Still nothing is working. All of the Data is in the JCR and since Adobes Docs are straight garbage when it comes to this I am not able to find anything.

    Translate
      pixislinger
      Level 3
      Sep 1, 2022 4:55 AM UTC

      Hi @dexm32937298, I'm currently facing this issue as well. Were you able to find out something when you faced?

      Translate
        Gaurav-Behl
        Gaurav-Behl
        Level 10
        Aug 28, 2019 7:03 PM UTC

        Not sure if you have already gone through this doc --  SPA Editor Overview

        This diagram explains that if you don't rely on existing/OOB core components/Sling Models/Sling Model Exporters and build custom components then you would need to wire each entity in a correct way either using OOB models/exporters or otherwise with custom implementations.

        HTH

        page_editor_spa_authoringmediator-2

        Translate
          dexm32937298Author
          Level 2
          Aug 28, 2019 6:15 PM UTC

          Example=> jump straight to exporter, no documentation of where or how this is hooked up. 3rd Video starts with "HTL script that we showed in the last video" when there is no script. To be honest I'm just super disappointed in the little that I can find to help me out.

          Translate
            dexm32937298Author
            Level 2
            Aug 28, 2019 6:01 PM UTC

            Thanks, That doesn't appear to be the issue but then again the docs are garbage, and the videos are not showing anything.

            Translate
              vish.dhaliwal
              Employee
              Aug 26, 2019 4:53 PM UTC

              Check here: Adobe Experience Manager Help | Developing Sling Model Exporters in AEM 

              Translate
                dexm32937298Author
                Level 2
                Aug 26, 2019 4:49 PM UTC

                Confused on the Sling Model Exporter, what is that?

                Translate
                  SammyK267
                  SammyK267
                  New Participant
                  Aug 23, 2019 8:34 PM UTC

                  Did you make sure to create the Sling Model Exporter for your custom component?

                  Translate
                    Gaurav-Behl
                    Gaurav-Behl
                    Level 10
                    Aug 23, 2019 8:29 PM UTC

                    I can't pinpoint any issue unless I go through the code. I can try if you're willing to share the minimal code package.

                    Translate
                      dexm32937298Author
                      Level 2
                      Aug 22, 2019 7:47 PM UTC

                      I have gone through that walkthrough and the one that uses we-journal. On the most simple leve I have just tried to build a text component from the ground up changing names slightly to just follow my trail. Using AEM 6.5.

                      Translate
                        Show more replies
                        Terms & ConditionsAccessibility statement

                        Loading footer...