¿Cómo cargar RxJS (y zone.js / reflect-metadata) con Angular 2 (beta y más reciente)?
A partir de Angular 2 Alpha 54 (registro de cambios),RxJS
ya no está incluido en Angular 2.
Actualización: Resulta quezone.js
yreflect-metadata
También están excluidos.
Como resultado, ahora recibo los siguientes errores (como se ve en la consola de desarrollo de Chrome):
system.src.js:4681 GET http://localhost:3000/rxjs/Subject 404 (Not Found)F @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681
system.src.js:4681 GET http://localhost:3000/rxjs/observable/fromPromise 404 (Not Found)F @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681
localhost/:1 Uncaught (in promise) Error: XHR error (404 Not Found) loading http://localhost:3000/rxjs/Subject(…)t @ system.src.js:4681g @ system.src.js:4681(anonymous function) @ system.src.js:4681
system.src.js:4681 GET http://localhost:3000/rxjs/operator/toPromise 404 (Not Found)F @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681(anonymous function) @ system.src.js:4681
system.src.js:4681 GET http://localhost:3000/rxjs/Observable 404 (Not Found)
yo tengoRxJS
en mi archivo package.json (^ 5.0.0-beta.0), y se ha instalado connpm
, pero el problema es que no estoy lo suficientemente familiarizado conSystemJS
en este momento para que todo funcione. Aquí está la sección del cuerpo de miindex.html
archivo:
<body>
<app></app> <!-- my main Angular2 tag, which is defined in app/app as referenced below -->
<script src="../node_modules/systemjs/dist/system.js"></script>
<script src="../node_modules/typescript/lib/typescript.js"></script>
<script src="../node_modules/angular2/bundles/angular2.dev.js"></script>
<script src="../node_modules/angular2/bundles/http.dev.js"></script>
<script>
System.config({
packages: {'app': {defaultExtension: 'js'}}
});
System.import('./app/app');
</script>
<script src="http://localhost:35729/livereload.js"></script>
</body>
He estado jugando con otras configuraciones, pero ninguna me ha llevado hasta allí. Supongo que esto es relativamente simple, es solo mi falta de comprensión o la forma en que se utilizan las herramientas lo que me está deteniendo.
Aquí está mi archivo app.ts que es elapp/app
mencionado en la configuración de SystemJS:
import {Component} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';
import {COMMON_DIRECTIVES} from 'angular2/common';
@Component({
selector: 'app',
directives: [],
template: `<div>{{greeting}}, world!</div>`
})
export class App {
greeting:string = 'Hello';
}
bootstrap(App, [COMMON_DIRECTIVES]);
Estoy sirviendo la aplicación con una recarga en vivoExpress
servidor que utiliza asignaciones estáticas para que las llamadas comohttp://localhost:3000/node_modules/rxjs/Rx.js
son capaces de obtener el archivo necesario aunqueindex.html
se sirve desde/src
como la raíz del servidor ynode_modules
en realidad está al mismo nivel quesrc
y no adentro
Cualquier ayuda sería, como siempre, apreciada.