Module not found error can't resolve angular 7

Question

I am trying to integrate interactive d3 bubble chart with angular 7 but when building my sample application I always get

module not found error can't resolve 'd3' in '.../Angular_Example/angular-d3-graph-example-master/src/app/d3'

Please help me, Thanks


import { Node, Link, ForceDirectedGraph } from './models';
import * as d3 from 'd3';

@Injectable()
export class D3Service {
  constructor() { }


  applyZoomableBehaviour(svgElement, containerElement) {
    let svg, container, zoomed, zoom;

    svg = d3.select(svgElement);
    container = d3.select(containerElement);

    zoomed = () => {

  }

  applyDraggableBehaviour(element, node: Node, graph: ForceDirectedGraph) {

    }


  }


  getForceDirectedGraph(nodes: Node[], links: Link[], options: { width, height }) {
    const sg = new ForceDirectedGraph(nodes, links, options);
    return sg;
  }
}

yes, Install d3 library using command npm install d3 --save and then Install d3 library types using command npm install @types/d3 --save — mayur ingole
– mayur ingole, Commented Mar 27, 2019 at 9:40

Vladyslav Didenko · Accepted Answer · 2019-10-01 14:54:52Z

3

Taking into account feedback of @mayuringole here are the steps:

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

This fixed the issue for me. In my case I tried to use the d3 lib via the <script> tag and not all components were recognized

By installing the modules via npm + import * as d3 from "d3"; it went ok

answered Oct 1, 2019 at 14:54

Vladyslav Didenko

1,6711 gold badge18 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Module not found error can't resolve angular 7

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related