Как загрузить RxJS в минимальное приложение Angular 2, используя systemjs?
Я не могу получить минимальное приложение Angular 2 с использованием RxJS с нуля. Я использую Typescript (tsc 1.6.2) и systemjs для загрузки модуля. Как мне заставить systemjs правильно загрузить модуль Rx? У меня закончились идеи, и я был бы признателен за указание на то, что я делаю неправильно. Загрузка модуля для меня немного волшебна. Очень расстраивает.
index.html:
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<script src="../node_modules/es6-shim/es6-shim.js"></script>
<script src="../node_modules/systemjs/dist/system.src.js"></script>
<script src="../node_modules/rx/dist/rx.lite.js"></script>
<script src="../node_modules/angular2/bundles/angular2.dev.js"></script>
</head>
<body>
<app>App loading...</app>
<script>
System.config({
packages: { 'app': { defaultExtension: 'js' } }
});
System.import('app/app');
</script>
</body>
</html>
app.ts:
/// <reference path="../../node_modules/rx/ts/rx.all.d.ts" />
import { bootstrap, Component, View } from 'angular2/angular2';
import * as Rx from 'rx';
@Component({
selector: 'app'
})
@View({
template: `Rx Test`
})
export class App {
subject: Rx.Subject<any> = new Rx.Subject<any>();
}
bootstrap(App);
SystemJS пытается загрузить файл, который не существует:
Как только я закомментируюпредмет в приведенном выше коде все работает нормально, так как не будет попытки загрузить несуществующий файл (и rx не будет загружен).