我必须使用 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>
?
Error after I install d3 and d3 typings
最佳
最佳答案
我不知道你为什么要使用 <script>
而不是典型的 npm
基于方法。互联网上有很多关于该主题的示例/教程。通常,您要做的是几个步骤:
- 安装 d3 作为 npm 依赖:
npm install --save d3
- 由于您是在 TypeScript 中编写代码,因此获得一些类型支持会很有帮助:
npm install --save-dev @types/d3
- 在您的 typescript 文件中,通过在其最顶部添加下一行来导入类型:
import * as d3 from "d3";
- 使用它。
d3.select(...)
关于asp.net-mvc - D3 + VueJs + typescript |如何导入 D3.js 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46739003/