Angular5에서 DefinitelyTyped를 사용하는 방법은 무엇입니까?

Question

내가 맞다면 DefinitelyTyped에는 여러 라이브러리에 대한 TypeScript 정의가 있습니다. 필자의 경우에는 Google 차트 정의 here을 사용하고 싶었습니다. 나는

npm install --save-dev @types/node 
npm install --save-dev @types/google-apps-script 

사용하여 설치 한하지만 내 프로젝트로 가져올하는 방법을 모르겠어요. 나는

import { Google } from '@types/google-apps-script'; 

를 사용하여 시도했다 그러나 비주얼 스튜디오 코드는 모듈하지 않고 내 declare const google 내가 피하려고하는, 여전히 :any의 것으로, 오류가 발생합니다.

도움이나 힌트를 보내 주시면 감사하겠습니다.

Answer 1

Angular 5 프로젝트에서 Google Charts를 작동 시키려면 Google Charts JavaScript 라이브러리에만 사용되는 이러한 DefinitelyTyped 유형을 사용했습니다.

@types/google.visualization 

다음

https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/google.visualization

은 내가 @Injectable 서비스 클래스로 유형을 수입하는 방법입니다. 이 문장은 *를 사용하여 임포트하려고 할 때처럼 모듈이 아니라는 에러를 발생시키지 않습니다. 한 번만 차트 라이브러리를로드 한 후 콜백 (setOnLoadCallback) 데이터 및 구성 옵션을 전달하는 차트 기능을 만들 수있는 생성자에서

import { } from 'google.visualization'; 

이다.

google.charts.load('current', {'packages':['corechart']}); 

나는이 (가) ' https://www.gstatic.com/charts/loader.js은'그러나 아마 이와 같은 외부 라이브러리를 포함하는 더 나은 방법이로드 index.html을하는 스크립트 요소를 추가했다.