Typescript compiler “cannot find module” when using Webpack require for CSS/image assets

Question

I am writing vanilla Javascript but using the Typescript compiler\'s checkJs option to do type checking in VSCode. I have Webpack set up to load v

Answer 1

Requiring non JS or TS resources is currently not supported by the TypeScript server which powers VS Code's JavaScript and TypeScript intellisense. Here's the issue tracking this: https://github.com/Microsoft/TypeScript/issues/15146

As a workaround, try creating a d.ts file in your project with the content:

declare module '*.css' { export default '' as string; }
declare module '*.png' { export default '' as string; }

You can also suppress individual errors by adding // @ts-ignore before the require:

// @ts-ignore
var img = require("../img/image.png");