Angular2 node_module rxjs 404 error

Question

I am trying to compile an angular2 app but I get the following error:

Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/rxjs(…)

systemjs.config.js

(function(global) {
    // map tells the System loader where to look for things
    var map = {
        'app': 'app', // 'dist',
        '@angular': 'node_modules/@angular',
        'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
        'rxjs': 'node_modules/rxjs'
    };

    // packages tells the System loader how to load when no filename and/or no extension
    var packages = {
        'app': {
            main: 'main.js',
            defaultExtension: 'js'
        },
        'rxjs': {
            defaultExtension: 'js'
        },
        'angular2-in-memory-web-api': {
            main: 'index.js',
            defaultExtension: 'js'
        },
    };
    var ngPackageNames = [
        'common',
        'compiler',
        'core',
        'forms',
        'http',
        'platform-browser',
        'platform-browser-dynamic',
        'router',
        'router-deprecated',
        'upgrade',
    ];

    // Individual files (~300 requests):
    function packIndex(pkgName) {
        packages['@angular/' + pkgName] = {
            main: 'index.js',
            defaultExtension: 'js'
        };
    }

    // Bundled (~40 requests):
    function packUmd(pkgName) {
        packages['@angular/' + pkgName] = {
            main: '/bundles/' + pkgName + '.umd.js',
            defaultExtension: 'js'
        };
    }

    // Most environments should use UMD; some (Karma) need the individual index files
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd;

    // Add package entries for angular packages
    ngPackageNames.forEach(setPackageConfig);

    var config = {
        map: map,
        packages: packages
    };
    System.config(config);

})(this);

The app folder contains: main.ts and YouTubeSearchComponent.ts

What may cause this problem?

ssc-hrep3 · Accepted Answer · 2016-07-04 07:27:05Z

6

Change your rxjs entry in package to this:

'rxjs': {
    main: '/bundles/Rx.umd.js',
    defaultExtension: 'js'
}

edited Jul 4, 2016 at 7:27

ssc-hrep3

16.3k8 gold badges51 silver badges96 bronze badges

answered Jul 4, 2016 at 0:49

Siraj

6874 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Максим Кадров Over a year ago

Thanks! this compile without errors, why i should set the mail directive? please explain it to me

Siraj Over a year ago

Thats main config, to tell systemjs the main file to be picked up. Check node_modules/rxjs you will find bundles/Rx.umd.js

Jignesh Patel Over a year ago

You are correct Siraj, need to specify file name for rxjs too.

Collectives™ on Stack Overflow

Angular2 node_module rxjs 404 error

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related