2

I'm using d3.js version 3 script in my angular app.

I have installed d3 in angular app using command

npm i d3@3

And imported d3 as

import * as d3 from 'd3';

Even though I imported d3 as above, I'm getting error

Property 'layout' does not exist on type 'typeof import("C:/Users/srikar.vodeti/Downloads/imp/dashboardVisual/networkDiagram/node_modules/@types/d3/index")'. 106 var tree = d3.layout.tree()

when i use d3. any method

Thanks in advance..

John
  • 181
  • 2
  • 12

1 Answers1

1

first install d3 and type declaration

npm install d3 --save
npm install --save @types/d3

then import d3 

import * as d3 from 'd3';

Please let me know if it is not working.

Sayooj V R
  • 2,255
  • 2
  • 11
  • 23
  • No, it's not working.. Getting error ```Property 'layout' does not exist on type 'typeof import("C:/Users/srikar.vodeti/Downloads/imp/dashboardVisual/networkDiagram/node_modules/@types/d3/index")'. 106 var tree = d3.layout.tree()``` when i use d3.layout.tree(); – John Apr 15 '20 at 12:16
  • please create stackblitz demo. so i can have better look on it – Sayooj V R Apr 15 '20 at 12:40
  • here is a d3 working sample , you can refer this. https://stackblitz.com/edit/d3-svr-sample – Sayooj V R Apr 15 '20 at 12:46
  • 1
    you can use var tree = (d3 as any).layout.tree(). then vs code will not show error – Sayooj V R Apr 15 '20 at 12:57
  • After doing the above steps.. got below error and able to solve finally... https://stackoverflow.com/questions/56400413/d3-js-runtime-error-after-upgrade-to-angular-8 – John Apr 16 '20 at 05:30