SystemJS Angular2-Bootloader nicht gefunden

Question

Wenn ich versuche, boot.js von einer Layoutseite zu importieren, erhalte ich immer einen 404-Fehler.

Hier ist der Code, den ich es importieren bin mit:

<!-- Configure SystemJS --> 
<script src="/appScripts/config.js"></script> 
<script> 
     System.import('/appScripts/boot') 
       .then(null, console.error.bind(console)); 
</script> 

Hier ist meine Ordnerstruktur:

Alles funktioniert gut, wenn ich index.html (in wwwroot gesehen) zu verwenden, aber nicht, wenn ich versuche, von /views/shared/_layout.cshtml

Hier ist meine config.js

(function (global) { 

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

    // packages tells the System loader how to load when no filename and/or no extension 
    var packages = { 
     'app': { main: 'boot.js', defaultExtension: 'js' }, 
     'rxjs': { defaultExtension: 'js' }, 
     'angular2-in-memory-web-api': { defaultExtension: 'js' }, 
    }; 

    var packageNames = [ 
     '@angular/common', 
     '@angular/compiler', 
     '@angular/core', 
     '@angular/http', 
     '@angular/platform-browser', 
     '@angular/platform-browser-dynamic', 
     '@angular/router', 
     '@angular/router-deprecated', 
     '@angular/testing', 
     '@angular/upgrade', 
    ]; 

    // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' } 
    packageNames.forEach(function (pkgName) { 
     packages[pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    }); 

    var config = { 
     map: map, 
     packages: packages 
    } 

    // filterSystemConfig - index.html's chance to modify config before we register it. 
    if (global.filterSystemConfig) { global.filterSystemConfig(config); } 

    System.config(config); 

})(this); 

Vielen Dank für Ihre Hilfe und bitte lassen Sie mich wissen, wenn Sie weitere Informationen benötigen.

Answer 1

Ich dachte, ich hätte das versucht, aber es ist schwer, den Überblick zu behalten. Hier ist, wie ich das gelöst habe. Beachten Sie die baseURL-Zeile.

<!-- Configure SystemJS --> 
<script>System.config({ baseURL: '/' });</script> 
<script src="/appScripts/config.js"></script> 
<script> 
    System.import('appScripts/boot').catch(console.log.bind(console)); 
</script>