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(...)