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

What happens to Mjolnir (Thor's hammer) at the end of Endgame?

Why does Mind Blank stop the Feeblemind spell?

Why was the Spitfire's elliptical wing almost uncopied by other aircraft of World War 2?

A ​Note ​on ​N!

How can I print the prosodic symbols in LaTeX?

How much cash can I safely carry into the USA and avoid civil forfeiture?

Aligning equation numbers vertically

Do I have an "anti-research" personality?

What does the integral of a function times a function of a random variable represent, conceptually?

"Whatever a Russian does, they end up making the Kalashnikov gun"? Are there any similar proverbs in English?

Function pointer with named arguments?

What is causing the white spot to appear in some of my pictures

a sore throat vs a strep throat vs strep throat

Are there physical dangers to preparing a prepared piano?

"The cow" OR "a cow" OR "cows" in this context

"You've called the wrong number" or "You called the wrong number"

Is Diceware more secure than a long passphrase?

How can I practically buy stocks?

How to denote matrix elements succinctly?

Why didn't the Space Shuttle bounce back into space as many times as possible so as to lose a lot of kinetic energy up there?

Does tea made with boiling water cool faster than tea made with boiled (but still hot) water?

Coordinate my way to the name of the (video) game

Is it idiomatic to construct against `this`

What's the polite way to say "I need to urinate"?



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

                    Magento 2 duplicate PHPSESSID cookie when using session_start() in custom php scriptMagento 2: User cant logged in into to account page, no error showing!Magento duplicate on subdomainGrabbing storeview from cookie (after using language selector)How do I run php custom script on magento2Magento 2: Include PHP script in headerSession lock after using Cm_RedisSessionscript php to update stockMagento set cookie popupMagento 2 session id cookie - where to find it?How to import Configurable product from csv with custom attributes using php scriptMagento 2 run custom PHP script

                    Can not update quote_id field of “quote_item” table magento 2Magento 2.1 - We can't remove the item. (Shopping Cart doesnt allow us to remove items before becomes empty)Add value for custom quote item attribute using REST apiREST API endpoint v1/carts/cartId/items always returns error messageCorrect way to save entries to databaseHow to remove all associated quote objects of a customer completelyMagento 2 - Save value from custom input field to quote_itemGet quote_item data using quote id and product id filter in Magento 2How to set additional data to quote_item table from controller in Magento 2?What is the purpose of additional_data column in quote_item table in magento2Set Custom Price to Quote item magento2 from controller

                    How to solve knockout JS error in Magento 2 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?(Magento2) knockout.js:3012 Uncaught ReferenceError: Unable to process bindingUnable to process binding Knockout.js magento 2Cannot read property `scopeLabel` of undefined on Product Detail PageCan't get Customer Data on frontend in Magento 2Magento2 Order Summary - unable to process bindingKO templates are not loading in Magento 2.1 applicationgetting knockout js error magento 2Product grid not load -— Unable to process binding Knockout.js magento 2Product form not loaded in magento2Uncaught ReferenceError: Unable to process binding “if: function()return (isShowLegend()) ” magento 2