Intellisense와 3 부 라이브러리 및 앵귤러 cli

Question

angular2-cli로 만든 프로젝트에서 전역 JavaScript 범위에서 사용할 수있는 제 3 부 자바 스크립트 라이브러리를 사용해야합니다 (예 : tween.js 라이브러리의 TWEEN 네임 스페이스) .

따라서 글로벌로 js 라이브러리를 설치하려면을 npm으로 설치하고 angularcli.json 파일의 "scripts"배열에 라이브러리 스크립트를 추가하십시오. 이 작품

import { Component, OnInit } from '@angular/core'; 

declare const TWEEN: any; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.scss'] 
}) 
export class AppComponent implements OnInit { 
    title = 'app works!'; 

    constructor() { } 

    ngOnInit() { 

    let tween = new TWEEN.Tween({x: 0}).to({x: 1}, 2000); 

    // .. 

    } 
} 

,하지만 문제 :

"scripts": [ 
    "../node_modules/tween.js/src/Tween.js" 
    ], 

는 다음과 같이, 내가 파일의 시작 부분에 일정한 변수로 선언 한 각도 요소에서 글로벌 트윈 네임 스페이스를 사용하려면 이 방법으로 세 번째 부분 라이브러리에 대해 인텔리 센스를 얻지 못한다는 것입니다 (WebStorm을 사용하고 있습니다). 인텔리 센스를 작동시키기 위해 내가 할 수있는 일이 있습니까? 아니면 앵귤러 워크 플로우에서 3 부분 자바 스크립트 라이브러리를 가져 오는 더 좋은 방법이 있습니까?

Answer 1

파일의 맨 위에 TWEEN을 "any"로 정의 했으므로 아무 것도 할 수 없다는 것을 전제로하면 (유형 없음, 인텔리 전트 없음) 인텔리 센스를 얻지 못할 것입니다.

당신은이 게시물에서 살펴 보셔야합니다 : 그것은 꽤 많이 당신을 말하고 https://weblog.west-wind.com/posts/2016/Sep/12/External-JavaScript-dependencies-in-Typescript-and-Angular-2
당신은 당신이 그것을 설치하면 무료로 제공되는 라이브러리 자체에서 typings을 가지고, 아니면 그냥 typings을 가지고 있지 해결할 하나있다.

타이핑이 전혀없는 라이브러리로 작업하는 경우 타이핑을 직접 작성하는 것이 좋습니다.