Requirejs combined application window.onerror error handling

Question

In a Backbone and requirejs 2x based application, only when the application is combined through grunt-contrib-require, window.onerror stops trapping errors.

The window.onerror function id declared before and outside the Backbone application and send errors to a backend.

Sorry, cannot post much of the application but those interested parts

this is my app/main.js file

require(["config"], function () {

    // config is a require.config({}); definition

    require(["app", "router"], function (app, Router) {
        app.initialize(new Router());
    });

});

Gruntfile.js section regarding requirejs task

    requirejs : {
        debug : {
            options : {
                mainConfigFile : "app/config.js",
                generateSourceMaps : false,
                include : [ "main" ],
                insertRequire : [ "main" ],
                out : "app.combined.js",
                optimize : "none",
                findNestedDependencies : true,
                name : "config",
                baseUrl : "app",
                wrap : false,
                preserveLicenseComments : false
            }
        }
    }

Embed of the not combined application:

<script>
  window.onerror = function(msg, url, line, colno, error) {
     console.debug('onerror',arguments);
     // data will be sent to backend

     // TRACE FIRED

  }
</script>

<script src="require.js" data-main="app/main"></script>

Embed of the combined application:

<script>
  window.onerror = function(msg, url, line, colno, error) {
     console.debug('onerror',arguments);
     // data will be sent to backend

     // TRACE NOT FIRED
  }
</script>
<script src="app.combined.js" ></script>

any suggestion welcome! thank you.

What sets `window.onerror`. How is it loaded when the application is a set of modules? How is it loaded when the application is combined? How do you "combine" your application (show the exact method)? Add the answers to all of this to your question. — Louis, Nov 21 '14 at 12:53
I don't see how `app.combined.js` can load properly. There is no indication that RequireJS is included in the bundle and you do not load RequireJS with a `script` element. — Louis, Nov 21 '14 at 14:01

score 0 · Answer 1 · answered Nov 21 '14 at 15:15

I found out a solution to this.

I should declare the window.onerror after window load.

    $(window).load(function() {

      window.onerror = function(msg, url, line, colno, error) {

        console.debug('onerror',arguments);

        // data will be sent to backend

        // TRACE FIRED
     };
    });

    <script src="app.combined.js" ></script>

Requirejs combined application window.onerror error handling

1 Answers1