nhận được lỗi cho d3-tip trong angular2

Question

Tôi đang sử dụng cả hai d3 và d3-tip cùng với @types của họ,

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

"d3": "^4.4.0", 
"d3-tip": "^0.7.1", 

tôi có dưới đây tuyên bố nhập khẩu,

import * as d3 from 'd3'; 

Khi cố gắng để biên dịch mã dưới đây nguyên cảo, có dưới đây lỗi,

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

lỗi,

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

Answer 1

Tôi gặp sự cố tương tự trong TypeScript.

CHỈNH SỬA: Phiên bản mới nhất của d3-tip tại https://github.com/Caged/d3-tip hiện có thể là đủ; Tôi chuẩn bị kiểm tra.

====

Chú ý: Thông tin trong phần này có thể hết hiệu lực.

tôi nghĩ bạn có thể cần phải sử dụng thư viện này, đó là D3 v4 tương thích (cũng ES5 tương thích):

https://github.com/VACLab/d3-tip

Nếu bạn không cần phải tương thích ES5 bạn có thể chỉ cần sử dụng phiên bản ES6 tại địa chỉ:

https://github.com/cgav

====

(Là một sang một bên, là mới đối với D3js và phải nâng cấp từ phiên bản cũ hơn D3 lên D3 v4, tôi có thể nói với bạn rằng tôi không thích quá trình này, và tôi không hề đánh giá cao tất cả sự không tương thích và phá vỡ những thay đổi. Nó chỉ trở nên bực bội hơn khi bạn phải tiêm một nâng cấp TypeScript 1.8 -> 2.4 vào hỗn hợp.)

Answer 2

Bạn đang nhập d3 nhưng không phải d3-tip, đây là gói khác.

import 'd3-tip';