D3 + VueJs + 打字稿 | 如何导入 D3.js 库？

Question

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

他们正在使用 dotnet vue 模板：'dotnet new –install Microsoft.AspNetCore.SpaTemplates::*' 'dotnet new vue'

一切都在安装时设置：Webpack、Typescript 和 VueJS

这个 Webpack 设置不接受<script lang="ts"></script>，大多数教程使用它来导入 D3.js 库。

有没有办法在这个模板中重新配置 webpack 以接受<script lang="ts"></script>？

安装 d3 和 d3 类型后出错

最好的事物

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