Quiero cargar test.js en statComponent Intento con System.import en el construncor pero obtengo este error: Error: (SystemJS) XHR error (404 Not Found) cargando http://localhost:3000/systemjs Error: XHR error ……
import { Component, OnInit } from '@angular/core'; import { System } from 'systemjs'; @Component({ template: ` <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"> </div> ` }) export class StatComponent implements OnInit { constructor() { System.import('./app/user/test.js').then(refToLoadedModule => { refToLoadedModule.someFunction(); }) } ngOnInit() { } }
este es sysytemjs.config.js
/** * System configuration for Angular 2 samples * Adjust as necessary for your application needs. */ (function (global) { // map tells the System loader where to look for things var map = { 'app': 'dist', // 'dist', '@angular': 'node_modules/@angular', 'rxjs': 'node_modules/rxjs', 'ng2-toasty': 'node_modules/ng2-toasty/bundles/index.umd.js' }; // 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' } }; var ngPackageNames = [ 'common', 'compiler', 'core', 'forms', 'http', 'platform-browser', 'platform-browser-dynamic', 'router' ]; // 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);