Rxjs以angular2加载

Question

我遇到了如下图所示的问题。

我在Contact.cshtml中的脚本如下

<script>
    System.config({
        map: {
            app: "/app",
            rxjs: '/lib/rxjs/Rx' // added this map section
        },
        packages:{
            app: { defaultJSExtensions:"js",},
            rxjs: { defaultExtension: "js" } // and added this to packages
        },
        paths: {
            '/app/*': '/app/*'
        },
    });
    System.import("/app/main")
        .then(null, console.error.bind(console));
</script>

和main.ts

import {bootstrap} from "angular2/platform/browser";

import {Component} from "angular2/core";

@Component({
    selector: "content-page",
    template: "Contact Test"
})

export class ContactPage{}
bootstrap(ContactPage, []);

有什么问题？ 源代码可以从https://github.com/lunyi/Plant下载。

Answer 1

您正在从lib文件夹中提供可能没有Observable等所需文件的Rxjs

做

npm install rxjs --save

从node_modules

提供服务

map: {
            app: "/app",
            rxjs: '/node_modules/rxjs/Rx' // added this map section
        },

Answer 2

根据您的源代码，我认为您的地图对象中只有一个拼写错误。我认为你的rxjs属性应该设置为这个

.container {
    display: table;
    width: 100%;
    height: 100%;
    position:absolute;
}

.map {
    background-color: blue;
    display: table-cell;
}
.block {
    background-color: red;
    width: 300px;
    display: table-cell;
  vertical-align:top;
}