D3 + VueJs + Typescript |如何导入D3.js库？

Question

我必须使用VueJS + Typescript和D3.js为我的客户创建一个仪表板。

他们正在使用dotnet vue模板：＆＃39; dotnet new -install Microsoft.AspNetCore.SpaTemplates :: *＆＃39; ＆＃39; dotnet new vue＆＃39;

一切都在安装时设置：Webpack，Typescript和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的方法。在该主题的互联网上有许多示例/教程。通常，您所做的只需几步：

1. 将d3安装为npm依赖项：npm install --save d3
2. 由于您是在使用TypeScript编写代码，因此获得某些类型支持会很有帮助：npm install --save-dev @types/d3
3. 在您的打字稿文件中，通过在其顶部添加下一行来导入类型：import * as d3 from "d3";
4. 使用它。 d3.select(...)