Fehler: XHR-Fehler (404 nicht gefunden) loading

Question

Ich versuche, eine angular 2-Anwendung in eine existierende php Anwendung zu integrieren. aber nachdem ich es in den Ordner gelegt habe, erhalte ich diesen Fehler.

angular2-polyfills.js:390 Error: Error: XHR error (404 Not Found) loading main.js

<script> 
    System.config({ 
    transpiler: 'typescript', 
    typescriptOptions: { emitDecoratorMetadata: true }, 
    paths: { 
     'app/*': 'consultation/scripts/*' 
    }, 
    packages: { 
     "/angular2": {"defaultExtension": false}, 

     './app': { 
     format: 'register', 
     defaultExtension: 'js' 
     }, 

     '@angular2-material/core': { 
     format: 'cjs', 
     defaultExtension: 'js', 
     main: 'core.js' 
    }, 
     '@angular2-material/checkbox': { 
     format: 'cjs', 
     defaultExtension: 'js', 
     main: 'checkbox.js' 
    }, 
     '@angular2-material/button': { 
     format: 'cjs', 
     defaultExtension: 'js', 
     main: 'button.js' 
    }, 
     '@angular2-material/radio': { 
     defaultExtension: 'js', 
     main: 'radio.js' 
    }, 

     'ag-grid-ng2': {}, 
     'ag-grid': {}, 
     'ng2-select': {}, 
     'rxjs': {}, 
     'moment': { 
       main: 'moment.js', 
       type: 'cjs', 
       defaultExtension: 'js' 
      }, 
     'ng2-bootstrap': {"defaultExtension": "js"} 
    }, 
    map: { 

      'moment': 'node_modules/moment', 
      'ag-grid-ng2': 'node_modules/ag-grid-ng2', 
      'ag-grid': 'node_modules/ag-grid', 
      'ng2-select': 'node_modules/ng2-select', 
      'ng2-bootstrap': 'node_modules/ng2-bootstrap', 
      'rxjs': 'node_modules/rxjs', 
      '@angular2-material/core': 'node_modules/@angular2-material/core/core', 
      '@angular2-material/checkbox': 'node_modules/@angular2-material/checkbox/checkbox', 
      '@angular2-material/button': 'node_modules/@angular2-material/button', 
      '@angular2-material/radio': 'node_modules/@angular2-material/radio', 
    } 
    }); 
    System.defaultJSExtensions = true; 
    System.import('app/main') 
     .then(null, console.error.bind(console)); 
</script> 

Answer 1

Sie könnten versuchen, den app Eintrag im packages Block wie folgt zu aktualisieren:

map: { 
    'app': 'consultation/scripts' // <----- 
    (...) 
}, 
packages: { 
    "/angular2": {"defaultExtension": false}, 
    'app': { // <------ 
    format: 'register', 
    defaultExtension: 'js' 
    }, 
    (...) 
}