D3 + VueJs + Typescript | D3.js 라이브러리 Import 방법

D3 + VueJs + Typescript | D3.js 라이브러리 Import 방법

VueJ + Typescript 및 D3.js를 사용하여 고객을 위한 대시보드를 만들어야 합니다.

이들은 dotnet vue 템플릿을 사용하고 있습니다.「 dotnet new - install Microsoft 」AspNetCore.SpaTemplates::*' 'dotnet new vue'

모든 것은 설치 시 설정됩니다.웹팩, 타입스크립트 및 VueJs

이 웹 팩 설치에서는 허용되지 않습니다.<script lang="ts"></script>대부분의 튜토리얼에서는 D3.js 라이브러리를 Import하기 위해 사용합니다.

이 템플릿에서 웹 팩을 재설정하여<script lang="ts"></script>?

d3 및 d3 타이핑 설치 후 오류 발생

최량

왜 이런 걸 쓰려고 하는지 모르겠어요<script>전형적인 것이 아니라npm베이스 어프로치인터넷에는 그 주제에 관한 많은 예시/튜토리얼이 있다.통상, 다음의 몇개의 스텝을 실시합니다.

1. d3를 npm 의존관계로 설치합니다.npm install --save d3
2. TypeScript에서 코드를 작성하기 때문에 다음과 같은 유형의 지원을 받는 것이 좋습니다.npm install --save-dev @types/d3
3. 타이프스크립트 파일의 맨 위에 다음 행을 추가하여 유형을 가져옵니다.import * as d3 from "d3";
4. 쓰세요.d3.select(...)

언급URL : https://stackoverflow.com/questions/46739003/d3-vuejs-typescript-how-to-import-d3-js-library