Visual Studio에서 angular2 및 typescript를 @angular 경로로 컴파일하는 방법

Question

Visual Studio 2015 및 asp.net 핵심 프로젝트를 사용하고 anglesc (typescript)와 함께 angular2 (rc1)를 사용합니다.

Angular2의 주요 문제와 예를 들어 새로운 경로 @ Angular/Core가 있습니다.

typescript 컴파일러는 @angular 지시문을 찾을 수 없다는 것이 문제입니다. 그리고이 문제를 해결할 방법을 찾을 수 없습니다. 그래서 질문은 어떻게 시각적 스튜디오 컴파일러가 각도 파일을 찾을 지 이해하도록 만드는 것입니다. 아니면 그렇게 할 수 없습니까?

import {ROUTER_PROVIDERS} from '@angular/router'; // this gives error 
import {HTTP_PROVIDERS} from '@angular/http'; 

import { AppComponent } from './app.component'; // this works 


bootstrap(AppComponent, [ROUTER_PROVIDERS, HTTP_PROVIDERS]); 

오류 메시지는 다음과 같습니다 오류 TS2307 빌드 : '각도/라우터 @'모듈을 찾을 수 없습니다.

이 컴파일 오류가 있어도 응용 프로그램이 작동합니다. 스크립트 파일은 npmcdn.com 저장소에 포함되어 있기 때문입니다.

Answer 1

./ 등이 없으므로, 은 폴더를 기본으로입니다.

다른 위치에있는 경우 해당 위치를 가리켜 야합니다. 당신은 (내가보기 엔 일을에 대한 을 권합니다)를 CDN을 사용하려는 경우

import {ROUTER_PROVIDERS} from '../somewhere-else/@angular/router'; 

, 당신은 여전히 ​​SystemJS하자 또는 웹팩은 전 세계적으로 window에 배치하여 각 패키지에 대해 알아야합니다.

// webpack.config.js 
module.exports = { 
    externals: { 
    '@angular/router': 'angular.router' // This right side might be different 
    } 
}; 

내가 npm을 사용하고 node_modules 내에서이 켜지지 파일이 포함 된 제안 :

는 예를 웹팩. 이렇게하면 라이브러리의 특정 부분을 가져 오는 것과 같은 작업을 수행 할 때 특정 부분 만 가져옵니다. CDN은 전체 라이브러리를 포함하고 전역 창 네임 스페이스 (그냥 나쁜 주주입니다)를 오염시킬 것입니다.