How to display Aura JS Errors Lightning OutHow to find out when Aura component / document is ready?How to handle errors in “e.recordSave” in lightning componentCreating a tab on a lightning component using aura and lightning design systemHow to navigate in lightning out?Intermittent 404 errors using Lightning Out in VisualforceDisplay spinner in specific component onlyLightning Out Event HandlingStreaming API in Lightning Component getCallback errorLightning component is hang for first timeLightning out - How to catch errors from the embedded component

Do I have an "anti-research" personality?

Was there a Viking Exchange as well as a Columbian one?

Checks user level and limit the data before saving it to mongoDB

Is there really no use for MD5 anymore?

How come there are so many candidates for the 2020 Democratic party presidential nomination?

Is Diceware more secure than a long passphrase?

How did Captain America manage to do this?

Alignment of various blocks in tikz

Overlay of two functions leaves gaps

Initiative: Do I lose my attack/action if my target moves or dies before my turn in combat?

How can Republicans who favour free markets, consistently express anger when they don't like the outcome of that choice?

How can I practically buy stocks?

Mistake in years of experience in resume?

Is there any official lore on the Far Realm?

Can we say “you can pay when the order gets ready”?

Could the terminal length of components like resistors be reduced?

How can I print the prosodic symbols in LaTeX?

Pulling the rope with one hand is as heavy as with two hands?

How to not starve gigantic beasts

How does Captain America channel this power?

Can SQL Server create collisions in system generated constraint names?

How to denote matrix elements succinctly?

Why must Chinese maps be obfuscated?

On The Origin of Dissonant Chords



How to display Aura JS Errors Lightning Out


How to find out when Aura component / document is ready?How to handle errors in “e.recordSave” in lightning componentCreating a tab on a lightning component using aura and lightning design systemHow to navigate in lightning out?Intermittent 404 errors using Lightning Out in VisualforceDisplay spinner in specific component onlyLightning Out Event HandlingStreaming API in Lightning Component getCallback errorLightning component is hang for first timeLightning out - How to catch errors from the embedded component






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








2















I know I can wrap in a try / catch but the goal here is to display a useful error in cases where one was not expected..(programming error)



A basic lightning component displayed in a VF page using the standard app and component.



The only thing on the component is a lightning:spinner. The component has an init handler and the sole job of the init JS is to hide the spinner.



<aura:component description="test">
<aura:handler name="init" value="!this" action="!c.doInit"/>
<lightning:spinner variant="brand" aura:id="test_spinner"/>
</aura:component>


The controller



(
doInit : function(component,event,helper)
console.log('init');
helper.donothing(); //This does not exist and causes an error
$A.util.addClass(component.find("test_spinner"),'slds-hide');

)


Now when this runs it causes a framework error. The problem is that the user sees nothing. The spinner does not get hidden and the page just stalls...



Is there any way to display a message to the user instead of the entire component just stalling?



For some reason I seem to recall a component that could be used to display framework errors but I cannot seem to find it or I am just remembering incorrectly










share|improve this question




























    2















    I know I can wrap in a try / catch but the goal here is to display a useful error in cases where one was not expected..(programming error)



    A basic lightning component displayed in a VF page using the standard app and component.



    The only thing on the component is a lightning:spinner. The component has an init handler and the sole job of the init JS is to hide the spinner.



    <aura:component description="test">
    <aura:handler name="init" value="!this" action="!c.doInit"/>
    <lightning:spinner variant="brand" aura:id="test_spinner"/>
    </aura:component>


    The controller



    (
    doInit : function(component,event,helper)
    console.log('init');
    helper.donothing(); //This does not exist and causes an error
    $A.util.addClass(component.find("test_spinner"),'slds-hide');

    )


    Now when this runs it causes a framework error. The problem is that the user sees nothing. The spinner does not get hidden and the page just stalls...



    Is there any way to display a message to the user instead of the entire component just stalling?



    For some reason I seem to recall a component that could be used to display framework errors but I cannot seem to find it or I am just remembering incorrectly










    share|improve this question
























      2












      2








      2








      I know I can wrap in a try / catch but the goal here is to display a useful error in cases where one was not expected..(programming error)



      A basic lightning component displayed in a VF page using the standard app and component.



      The only thing on the component is a lightning:spinner. The component has an init handler and the sole job of the init JS is to hide the spinner.



      <aura:component description="test">
      <aura:handler name="init" value="!this" action="!c.doInit"/>
      <lightning:spinner variant="brand" aura:id="test_spinner"/>
      </aura:component>


      The controller



      (
      doInit : function(component,event,helper)
      console.log('init');
      helper.donothing(); //This does not exist and causes an error
      $A.util.addClass(component.find("test_spinner"),'slds-hide');

      )


      Now when this runs it causes a framework error. The problem is that the user sees nothing. The spinner does not get hidden and the page just stalls...



      Is there any way to display a message to the user instead of the entire component just stalling?



      For some reason I seem to recall a component that could be used to display framework errors but I cannot seem to find it or I am just remembering incorrectly










      share|improve this question














      I know I can wrap in a try / catch but the goal here is to display a useful error in cases where one was not expected..(programming error)



      A basic lightning component displayed in a VF page using the standard app and component.



      The only thing on the component is a lightning:spinner. The component has an init handler and the sole job of the init JS is to hide the spinner.



      <aura:component description="test">
      <aura:handler name="init" value="!this" action="!c.doInit"/>
      <lightning:spinner variant="brand" aura:id="test_spinner"/>
      </aura:component>


      The controller



      (
      doInit : function(component,event,helper)
      console.log('init');
      helper.donothing(); //This does not exist and causes an error
      $A.util.addClass(component.find("test_spinner"),'slds-hide');

      )


      Now when this runs it causes a framework error. The problem is that the user sees nothing. The spinner does not get hidden and the page just stalls...



      Is there any way to display a message to the user instead of the entire component just stalling?



      For some reason I seem to recall a component that could be used to display framework errors but I cannot seem to find it or I am just remembering incorrectly







      lightning-aura-components lightning






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked 3 hours ago









      EricEric

      45.5k754130




      45.5k754130




















          1 Answer
          1






          active

          oldest

          votes


















          3














          There is a display element; it shows up at the very bottom of the page. This happens in Lightning Out automatically. It's not styled by default, as far as I can tell, so you might want to add some style to it. The message is in a div#auraErrorMessage element. Try starting with this:



          <style>
          div#auraErrorMessage
          position: fixed;
          text-align: center;
          white-space: pre-line;
          padding-top: calc(25vh - 3em);
          height: 50vh;
          top: 25vh;
          left: 25vw;
          right: 25vw;
          z-index: 1000;
          border: 5px solid red;

          </style>


          You could attach a DOM mutation event to this element to detect new messages, etc as well.



          I'm not aware of a specific way to otherwise handle errors in Lightning Out; this is normally handled by the App (e.g. one.app), but it's not documented how/if we can do this externally.






          share|improve this answer























            Your Answer








            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "459"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f260272%2fhow-to-display-aura-js-errors-lightning-out%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            3














            There is a display element; it shows up at the very bottom of the page. This happens in Lightning Out automatically. It's not styled by default, as far as I can tell, so you might want to add some style to it. The message is in a div#auraErrorMessage element. Try starting with this:



            <style>
            div#auraErrorMessage
            position: fixed;
            text-align: center;
            white-space: pre-line;
            padding-top: calc(25vh - 3em);
            height: 50vh;
            top: 25vh;
            left: 25vw;
            right: 25vw;
            z-index: 1000;
            border: 5px solid red;

            </style>


            You could attach a DOM mutation event to this element to detect new messages, etc as well.



            I'm not aware of a specific way to otherwise handle errors in Lightning Out; this is normally handled by the App (e.g. one.app), but it's not documented how/if we can do this externally.






            share|improve this answer



























              3














              There is a display element; it shows up at the very bottom of the page. This happens in Lightning Out automatically. It's not styled by default, as far as I can tell, so you might want to add some style to it. The message is in a div#auraErrorMessage element. Try starting with this:



              <style>
              div#auraErrorMessage
              position: fixed;
              text-align: center;
              white-space: pre-line;
              padding-top: calc(25vh - 3em);
              height: 50vh;
              top: 25vh;
              left: 25vw;
              right: 25vw;
              z-index: 1000;
              border: 5px solid red;

              </style>


              You could attach a DOM mutation event to this element to detect new messages, etc as well.



              I'm not aware of a specific way to otherwise handle errors in Lightning Out; this is normally handled by the App (e.g. one.app), but it's not documented how/if we can do this externally.






              share|improve this answer

























                3












                3








                3







                There is a display element; it shows up at the very bottom of the page. This happens in Lightning Out automatically. It's not styled by default, as far as I can tell, so you might want to add some style to it. The message is in a div#auraErrorMessage element. Try starting with this:



                <style>
                div#auraErrorMessage
                position: fixed;
                text-align: center;
                white-space: pre-line;
                padding-top: calc(25vh - 3em);
                height: 50vh;
                top: 25vh;
                left: 25vw;
                right: 25vw;
                z-index: 1000;
                border: 5px solid red;

                </style>


                You could attach a DOM mutation event to this element to detect new messages, etc as well.



                I'm not aware of a specific way to otherwise handle errors in Lightning Out; this is normally handled by the App (e.g. one.app), but it's not documented how/if we can do this externally.






                share|improve this answer













                There is a display element; it shows up at the very bottom of the page. This happens in Lightning Out automatically. It's not styled by default, as far as I can tell, so you might want to add some style to it. The message is in a div#auraErrorMessage element. Try starting with this:



                <style>
                div#auraErrorMessage
                position: fixed;
                text-align: center;
                white-space: pre-line;
                padding-top: calc(25vh - 3em);
                height: 50vh;
                top: 25vh;
                left: 25vw;
                right: 25vw;
                z-index: 1000;
                border: 5px solid red;

                </style>


                You could attach a DOM mutation event to this element to detect new messages, etc as well.



                I'm not aware of a specific way to otherwise handle errors in Lightning Out; this is normally handled by the App (e.g. one.app), but it's not documented how/if we can do this externally.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered 2 hours ago









                sfdcfoxsfdcfox

                267k13213461




                267k13213461



























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Salesforce Stack Exchange!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsalesforce.stackexchange.com%2fquestions%2f260272%2fhow-to-display-aura-js-errors-lightning-out%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Are there any AGPL-style licences that require source code modifications to be public? Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?Force derivative works to be publicAre there any GPL like licenses for Apple App Store?Do you violate the GPL if you provide source code that cannot be compiled?GPL - is it distribution to use libraries in an appliance loaned to customers?Distributing App for free which uses GPL'ed codeModifications of server software under GPL, with web/CLI interfaceDoes using an AGPLv3-licensed library prevent me from dual-licensing my own source code?Can I publish only select code under GPLv3 from a private project?Is there published precedent regarding the scope of covered work that uses AGPL software?If MIT licensed code links to GPL licensed code what should be the license of the resulting binary program?If I use a public API endpoint that has its source code licensed under AGPL in my app, do I need to disclose my source?

                    2013 GY136 Descoberta | Órbita | Referências Menu de navegação«List Of Centaurs and Scattered-Disk Objects»«List of Known Trans-Neptunian Objects»

                    Mortes em março de 2019 Referências Menu de navegação«Zhores Alferov, Nobel de Física bielorrusso, morre aos 88 anos - Ciência»«Fallece Rafael Torija, o bispo emérito de Ciudad Real»«Peter Hurford dies at 88»«Keith Flint, vocalista do The Prodigy, morre aos 49 anos»«Luke Perry, ator de 'Barrados no baile' e 'Riverdale', morre aos 52 anos»«Former Rangers and Scotland captain Eric Caldow dies, aged 84»«Morreu, aos 61 anos, a antiga lenda do wrestling King Kong Bundy»«Fallece el actor y director teatral Abraham Stavans»«In Memoriam Guillaume Faye»«Sidney Sheinberg, a Force Behind Universal and Spielberg, Is Dead at 84»«Carmine Persico, Colombo Crime Family Boss, Is Dead at 85»«Dirigent Michael Gielen gestorben»«Ciclista tricampeã mundial e prata na Rio 2016 é encontrada morta em casa aos 23 anos»«Pagan Community Notes: Raven Grimassi dies, Indianapolis pop-up event cancelled, Circle Sanctuary announces new podcast, and more!»«Hal Blaine, Wrecking Crew Drummer, Dies at 90»«Morre Coutinho, que editou dupla lendária com Pelé no Santos»«Cantor Demétrius, ídolo da Jovem Guarda, morre em SP»«Ex-presidente do Vasco, Eurico Miranda morre no Rio de Janeiro»«Bronze no Mundial de basquete de 1971, Laís Elena morre aos 76 anos»«Diretor de Corridas da F1, Charlie Whiting morre aos 66 anos às vésperas do GP da Austrália»«Morreu o cardeal Danneels, da Bélgica»«Morreu o cartoonista Augusto Cid»«Morreu a atriz Maria Isabel de Lizandra, de "Vale Tudo" e novelas da Tupi»«WS Merwin, prize-winning poet of nature, dies at 91»«Atriz Márcia Real morre em São Paulo aos 88 anos»«Mauritanie: décès de l'ancien président Mohamed Mahmoud ould Louly»«Morreu Dick Dale, o rei da surf guitar e de "Pulp Fiction"»«Falleció Víctor Genes»«João Carlos Marinho, autor de 'O Gênio do Crime', morre em SP»«Legendary Horror Director and SFX Artist John Carl Buechler Dies at 66»«Morre em Salvador a religiosa Makota Valdina»«مرگ بازیکن‌ سابق نساجی بر اثر سقوط سنگ در مازندران»«Domingos Oliveira morre no Rio»«Morre Airton Ravagniani, ex-São Paulo, Fla, Vasco, Grêmio e Sport - Notícias»«Morre o escritor Flavio Moreira da Costa»«Larry Cohen, Writer-Director of 'It's Alive' and 'Hell Up in Harlem,' Dies at 77»«Scott Walker, experimental singer-songwriter, dead at 76»«Joseph Pilato, Day of the Dead Star and Horror Favorite, Dies at 70»«Sheffield United set to pay tribute to legendary goalkeeper Ted Burgin who has died at 91»«Morre Rafael Henzel, sobrevivente de acidente aéreo da Chapecoense»«Morre Valery Bykovsky, um dos primeiros cosmonautas da União Soviética»«Agnès Varda, cineasta da Nouvelle Vague, morre aos 90 anos»«Agnès Varda, cineasta francesa, morre aos 90 anos»«Tania Mallet, James Bond Actress and Helen Mirren's Cousin, Dies at 77»e