typescript - 如何在 typescript/webpack 环境中使用相关库扩展 d3？

Question

我正在尝试在 typescript/webpack 构建中使用 d3.tip 扩展和 d3v4。

我尝试使用两个不同的 d3.tip 分支来实现这一点，这两个分支修改了库使其与 d3v4 保持同步。这些可以找到here和 here .

然后我安装了@types/d3-tip 可以找到here

安装类型后，然后在我的主索引文件中获取代码；

import * as d3 from 'd3';

require('./d3-tip.js');

var tip = d3.tip()

我不断收到编译错误 -

错误 TS2339:类型“typeof“/node_modules/@types/d3/index””上不存在属性“tip”。

我尝试过的一件事是从主 d3 类型文件中导出 d3 提示类型，以便 original d3 typings file包括；

从 'd3-tip' 导出 *;

但这并没有奏效，所以我不确定我还能如何解决它？

我四处寻找类似的问题，但没有一个提供明确的答案，而且发布的任何解决方案都不适合我。

Answer 1

如果您查看 source for the plugin , 它会在需要时正确地将自己注册为 AMD 模块。要正确导入和使用，您只需为其命名，

import d3tip from 'd3-tip';

d3tip().attr...