D3 + VueJs + Typescript | D3.js 라이브러리를 가져 오는 방법은 무엇입니까?

Question

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

그들은 후에 .NET VUE 템플릿을 사용하는

: 'DOTNET 새로운 -install Microsoft.AspNetCore.SpaTemplates을 :: *'

모든 설치에 설정되어 '새로운 VUE를 DOTNET': 웹팩, 타이프 라이터와 VueJS

이 Webpack 설정은 <script lang="ts"></script>을 허용하지 않으며 대부분의 자습서는 D3.js 라이브러리를 가져 오는 데이 자습서를 사용합니다.

<script lang="ts"></script>을 수락하려면이 템플릿에서 webpack을 다시 구성 할 수있는 방법이 있습니까?

Error after I install d3 and d3 typings

최저

Answer 1

당신은 전형적인 npm 기반의 접근 방식 대신 <script>을 사용하고 싶은 이유를 모르겠어요. 이 주제에 대한 인터넷에는 많은 예제/자습서가 있습니다.

1. 는 NPM 종속성으로 D3를 설치합니다 : 일반적으로, 당신이하는 일은 몇 단계 당신의 타이프에서 npm install --save-dev @types/d3
2. : npm install --save d3
3. 당신이 타이프에서 코드를 작성하고 있기 때문에, 어떤 종류의 지원을 얻기 위해 도움이 파일의 맨 위에 다음 줄을 추가하여 유형을 가져옵니다. import * as d3 from "d3";
4. 사용하십시오. d3.select(...)