What is the proper way to declare the "any" module in TypeScript?

Question

I am currently in the process of migrating a large project from JavaScript to TypeScript, taking it step by step.

So far, I have converted one of the files to TypeScript, but the other files can contain any content at the moment.

For example, something like:

declare module jsModule:any;
var obj:jsModule.cls = new jsModule.cls()

However, this is not working as expected. I realize that I need to specify each exported class, function, or variable in the module declaration.

Is there a quick way to declare an external module as "any"?

Answer 1

Answer №1

When dealing with an external module that has no publicly exposed types or values, you can use the following syntax:

declare module 'Bar' {
  var y: any;
  export = y;
}

Keep in mind that this method does not allow you to declare bar.cls.

If you need to stub out specific classes individually, you can do so like this:

declare module 'Bar' {
    // Type declaration
    export type cls = any;
    // Value declaration
    export var cls: any;
}

Answer 2

When dealing with an external module that has no publicly exposed types or values, you can use the following syntax:

declare module 'Bar' {
  var y: any;
  export = y;
}

Keep in mind that this method does not allow you to declare bar.cls.

If you need to stub out specific classes individually, you can do so like this:

declare module 'Bar' {
    // Type declaration
    export type cls = any;
    // Value declaration
    export var cls: any;
}

Answer 3

declare module 'foo';

after that

import {foo, bar, blah} from 'foo' // this is fine, no issues (all types are any)

Answer 4

declare module 'foo';

after that

import {foo, bar, blah} from 'foo' // this is fine, no issues (all types are any)