can't see errors from angular

[pocesar]

I'm using JSPM, but it's a problem with SystemJS.

I'm doing a refactor on my code to use System output from Typescript, and so far, I'm trying to blindly trying to fix errors that are appearing because SystemJS seems to be swallowing the error message from angular.

load.js is:

(function(){
    var paths = ["/javascripts/checker/main.js","/javascripts/app/main.js"];

    function importNext () {
        var path = paths.shift();
        if (path) {
            System.import(path).then(importNext, function(err){
                console.warn(path);
                console.log(err);
                importNext();
            })
        } else {
            console.log('loaded');
        }
    }

    importNext();
})()

How can I see the original exception?

[pocesar]

Ok, I couldn't find anywhere in the docs about originalErr, but found it using the browser debugger, so I'm just leaving this here to help people having the same issue:

System.import(path).then(importNext, function(err){
                console.warn(path);
                console.log(err.originalErr);
                importNext();
            })

[guybedford]

What specific error is this? If you can share a replication it would be really useful to understand how SystemJS is obscuring the original message and if there is a better way to pick up the original message in https://github.com/ModuleLoader/es6-module-loader/blob/master/src/wrapper-start.js#L41 to avoid it.

[pocesar]

alright:

• System.import('app/main')
• app/main.js calls import * as Base from './modules/base';
• modules/base.js calls import * as angular from 'angular'
• modules/base.js tries to load a non-yet-loaded angular module, through angular.module('Base', ['NotYet'])
• app/main.js calls angular.module('Main', ['Base']) and angular.bootstrap(document, ['Main'])
• it fails "silently", it shows the minErr, but with no message from angular.

[guybedford]

@pocesar I've completely forgotten how to use Angular here, so can you perhaps suggest how to make the following code give an error that covers your use case? I just tried the following:

    SystemJS.import('angular').then(function(angular) {
      angular.module('myModule', ['not-existing']).
      config(function(injectables) {
      }).
      run(function(injectables) {
      });
      console.log('done?');
    });

but get no errors.

[pocesar]

@guybedford my files are SystemJS modules with anonymous register calls (generated from Typescript). You'd have to wrap the code before trying haha

// app/main.js
System.register(['angular', '../modules/base'], function(exports_1, context_1) {
    'use strict';
    var __moduleName = context_1 && context_1.id;
    var angular;
    return {
        setters:[
            function (angular_1) {
                angular = angular_1;
            },
            function (_1) {}],
        execute: function() {
            angular
                .module('Main', [
                'Base',
                'Client'
            ]);
            angular.bootstrap(document, ['Main']);
        }
    }
});
// modules/base.js
System.register(['angular'], function(exports_1, context_1) {
    'use strict';
    var __moduleName = context_1 && context_1.id;
    var angular;
    return {
        setters:[
            function (angular_1) {
                angular = angular_1;
            }],
        execute: function() {
            angular
                .module('Base', [
                'NonExistant',
            ]);
        }
    }
});
// load.js
 System.import('app/main.js').then(console.log.bind(console), function(err){
                console.warn(path);
                console.log(err);
            })

[guybedford]

Thanks for clarifying. Fixed in ModuleLoader/es-module-loader@07aa567.

[guybedford]

Released in 0.19.34.