Typescript: Ignore implicitly any type when importing js module

followup on skantus answer, make sure you include the global.d.ts in tsconfig.json includes array,

// in tsconfig.json
 
 "include": [
    "src",
    "src/models/common/global.d.ts"
  ]

// in src/models/common/global.d.ts
declare module '*'; // this will ignore all the js import errors
declare module 'diagram-js'; // or instead of ignoring all, you can ignore specific modules like this

You could create a file named: global.d.ts at the root of your project and add this:

declare module '*';

or you can ignore some specific imported libraries:

declare module 'name-of-the-lib';

This mean you should type this module. Typescript is not happy with this module implicitly not having any definition file.

If it's an external public module you might just be able to install its types with a npm install @types/name_of_the_module

(Some modules even have their definition files inside the lib now. So just npm installing the module gives you the .d.ts definitions. But here that's probably not the case)

If it's private code or if you can't find it you could add a .d.ts file next to it that would ideally type all of its functions. If your willing to sacrifice typing because you don't have time to do it you can just have an explicit any type on the module with the following .d.ts

declare var name_of_the_module: any;

declare module "name_of_the_module" {
    export = name_of_the_module;
}

Edit:

As pointed out by @stsloth as for Typescript 2.6 you can also ignore the error completely by adding the line // @ts-ignoreabove the import.

Tags:

Typescript