D3 + VueJs + Typescript |如何導入D3.js庫？

Question

我必須使用VueJS + Typescript和D3.js爲我的客戶創建一個儀表板。

他們正在使用的dotnet VUE模板： 'DOTNET新-install Microsoft.AspNetCore.SpaTemplates :: *' 'DOTNET新VUE'

一切都是安裝設置：的WebPack，打字稿及VueJS

這Webpack安裝不接受<script lang="ts"></script>，大多數教程使用它來導入D3.js庫。

有什麼方法可以重新配置此模板中的webpack以接受<script lang="ts"></script>？

Error after I install d3 and d3 typings

最佳

Answer 1

我不知道爲什麼你會喜歡用<script>不是典型的npm爲基礎的方法。有關該主題的Internet上有很多示例/教程。通常情況下，你要做的就是幾個步驟：

1. 安裝D3爲NPM依賴性：npm install --save d3
2. 既然你在打字稿編寫代碼，它有助於獲得一些類型支持：npm install --save-dev @types/d3
3. 在您的打字稿文件通過在最上面添加下一行來導入類型：import * as d3 from "d3";
4. 使用它。 d3.select(...)