각도 2에 Rxjs로드

Question

아래 그림과 같이 문제가 있습니다.

그리고 다음

<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, []); 

문제는 무엇인가 등 Contact.cshtml 내 스크립트? 소스 코드는 https://github.com/lunyi/Plant 양식을 다운로드 할 수 있습니다.

Answer 1

당신은

이

npm install rxjs --save 

는 node_modules에서 봉사 할 관찰 가능한 등 같은 파일을 요구하지 수있는 lib 폴더에서 Rxjs를 제공하는

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

Answer 2

귀하의 소스 코드를 기반으로, 나는 당신이 귀하의지도 개체에 오타. 나는 당신의 rxjs 속성이 그림이 보이지 않는이

<script> 
System.config({ 
    map: { 
     app: "/app", 
     rxjs: '/lib/rxjs' // 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));