Typescript 'is not a module error

Question

I have an Angular2 project where I need to import a javascript file for use in my typescript.

I have a javascript file in app / js / d3gantt.js that contains a single function gantt = function().

gantt = function() {
    //Does lots of stuff
    return gantt;
};

Then I have a d3gannt.d.ts definition file in the same folder that looks like this:

declare module 'd3Gantt' {
    export module d3Gantt {
        export function gantt(): any;
    }
}

And then I refer to it in my component as import * as d3Gantt from '../app/js/d3gantt';

However, I get an error File 'c:/Projects/RepackLog/RepackLog/RepackLog/app/js/d3gantt.d.ts' is not a module

Am I missing something that is necessary for this to select my files correctly?

Thank,

+4

Daroga Oct 28 '16 at 9:45

2 answers

, :

declare module 'd3Gantt' {
  export function gantt(): any;    
}

: import * from 'path to your module file' import * as d3 from 'path to your module file'

+1

ranakrunal9 28 . '16 9:54

Priyal85 · Accepted Answer · 2017-11-05T14:48:53+0000

, @FabioAntunes gantt d3gantt.js .

export gantt = function() {
    //Does lots of stuff
    return gantt;
};