在angular2中获取d3-tip的错误

我正在使用d3和d3-tip以及他们的@types,

"@types/d3": "^4.4.0","@types/d3-tip": "^3.5.2","d3": "^4.4.0","d3-tip": "^0.7.1",

我有以下进口声明,

import * as d3 from 'd3';

当尝试编译下面的打字稿代码时,得到以下错误,

var tip = d3.tip()
        .attr('class','d3-tip')
        .offset([-10,0])
        .html(function (d) {
            return "<strong>Frequency:</strong> <span style='color:red'></span>";
        })

错误,

error TS2339: Property 'tip' does not exist on type 'typeof "C:/bugFix/WebPackPOC/src/WebPackApp/node_modules/@types/d3/index"'.

解决方法

您正在导入d3但不导入d3-tip,这是另一个包.

import 'd3-tip';