«масштаб» и «SVG» не существует в «node_modules/@ типов/d3/индекс»

Question

Я пытаюсь создать гистограмму с помощью Угловое 2 и D3 JS, ниже пакеты НПМ я добавил:

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

Ниже машинопись файла дал ошибку при компиляции:

Ошибки:

ERROR in ./angular2App/app/components/about/about.component.ts 
(34,21): error TS2339: Property 'scale' does not exist on type 'typeof "App_path/node_modules/@types/d3/index"'. 

ERROR in ./angular2App/app/components/about/about.component.ts 
(44,24): error TS2339: Property 'svg' does not exist on type 'typeof "App_path/node_modules/@types/d3/index"'. 

Answer 1

Ваш код использует D3 v3, тогда как вы настроили версию библиотеки v4.4.0. Так как v4 теперь все модульное пространство имена должны были быть flattened:

Тем не менее, есть одно неизбежное следствие принятия модулей ES6: каждый символ в D3 4.0 теперь делят плоское пространство имен, а не вложенные один из D3 3.х ,

Более конкретно:

1. Линейная шкала включена в модуль d3-scale (см changes):

   • d3.scale.linear ↦ d3.scaleLinear

2. Оси относятся к модулю d3-axis.

   • d3.svg.axis(). Сориентировать ("дно") ↦ d3.axisBottom(scale)