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 which contains a single function of gantt = function().

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

I then have a definition file called d3gannt.d.ts in the same folder which looks like this:

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

And then i reference it in my component as import * as d3Gantt from '../app/js/d3gantt';

However, i get the error message stating File 'c:/Projects/RepackLog/RepackLog/RepackLog/app/js/d3gantt.d.ts' is not a module

Am i missing something that is needed for this to pick up my files properly?

Thanks,

You need to export, export gantt; on your **app/js/d3gantt.js ** — Fabio Antunes
– Fabio Antunes, Commented Oct 28, 2016 at 9:48
OK where do i put it and whats the syntax? ive put my js file in question removing the contents of the function so they dont get in the way — DaRoGa
– DaRoGa, Commented Oct 28, 2016 at 9:51

Priyal · Accepted Answer · 2017-11-05 17:54:22Z

3

As @FabioAntunes mentioned in one of the comments above, you just have to export gantt on your d3gantt.js file itself, in-line. The exact syntax would be

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

No need to declare it anywhere else. For further note on exporting modules please refer this post (Typescript es6 import module "File is not a module error").

edited Nov 5, 2017 at 17:54

answered Nov 5, 2017 at 14:48

Priyal

5141 gold badge6 silver badges20 bronze badges

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

Comments

ranakrunal9 · Accepted Answer · 2016-10-28 09:54:21Z

1

Declare module as below :

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

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

answered Oct 28, 2016 at 9:54

ranakrunal9

13.6k3 gold badges44 silver badges43 bronze badges

5 Comments

ranakrunal9 Over a year ago

change file name to d3gantt.ts and check again

DaRoGa Over a year ago

the javascript file?

ranakrunal9 Over a year ago

you are importing with import * as d3Gantt from '../app/js/d3gantt' and you have said that app/js/d3gantt is app/js/d3gantt.d.ts so change its name to d3gantt.ts

DaRoGa Over a year ago

no it didnt work. am i missing something to be able to map a javascript file to typescript

ranakrunal9 Over a year ago

check stackoverflow.com/questions/40259765/… also may it will help you

Collectives™ on Stack Overflow

Typescript 'is not a module' error

2 Answers 2

Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related