타이핑 혼란?

Question

제 앵귤러 프로젝트에 타사 .js 라이브러리 (gridstack.js)를 구현하려고합니다. 그러나 입력 파일 (.dts)이 사용/가져 오기되는 방식에 대해 혼란스러워하고 있습니다.

그래서 지금까지 필자의 접근 방식은 npm과 타이핑을 통해 gridstack을 설치하는 것이 었습니다. 그런 다음 컴포넌트로 가져 오려고했습니다. (import * as gridstack from 'gridstack')이지만 index.d.ts는 모듈로 인식되지 않습니다. index.d.ts 파일에는 내보내기 명령문이 없으므로 어쩌면 당연 하겠지만 어쩌면 틀린가요?

그럼 내 질문은 DOM에서 gridstack에 액세스하는 방법과 component.ts에서 어떻게 액세스 할 수 있습니까? 그리고 어쩌면 누군가가 모든 타이핑에 대해 설정이 동일하거나 어떤 lib에 활용하려고하는지에 따라 다르면 명확히 할 수 있습니다. 나는 이것을하기 위해 50 가지의 다른 접근법을 보았으며, 매번 나는 더 혼란스러워진다.

Answer 1

구성 요소 파일에 typings을 가져올 필요가 없습니다, 당신은 당신이 NPM을 통해 typings를 설치 한 다음 tsconfig.json 파일을 정의해야합니다, 다음이 typings는 모든 구성 요소 파일에서 사용할 수

"compilerOptions": { 
    "types": [ "node", "gridstack" ] 
} 

tsconfig.json 유형 @ node_modules/아래에 당신이 당신의 typings를 만들거나 다른 곳에

정의 경우는 'typeRoots'를 사용하여 typings 경로를 정의 할 수 있습니다

이것을 확인하십시오. answer!