D3 + VueJs + Typescript | D3.jsライブラリをインポートするには？

Question

VueJS + TypescriptとD3.jsを使用して顧客用のダッシュボードを作成する必要があります。

彼らはDOTNETのVUEのテンプレートを使用している： 'DOTNET新しい-install Microsoft.AspNetCore.SpaTemplatesを:: *' '' 新しいVUEをDOTNET

すべてはインストール時に設定され：WebPACKの、活字体と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をインストールします：通常、何をやっていることは、いくつかのステップは、あなたのtypescriptですでnpm install --save-dev @types/d3
2. ：npm install --save d3
3. あなたは活字体でコードを書いているので、いくつかのタイプのサポートを取得すると便利ですファイルの先頭に次の行を追加してタイプをインポートしてください：import * as d3 from "d3";
4. それを使用してください。 d3.select(...)