typescript can't find module less

Question

I use react and webpack to build web SPA but, typescript can't find resolve the less file

work file like this ⬆️

Answer 1

Just create a new declaration file (externals.d.ts) with declare module '*.less'.

Edit If you are using css-modules, you can define these types to match the return value:

declare module '*.less' {
  const resource: {[key: string]: string};
  export = resource;
}

Add that file to the includes array of your tsconfig.json file.

// tsconfig.json
{
   compilerOptions: {...}
   includes: [
      './path/to/the/new/file/externals.d.ts'
   ]
}

Answer 2

Add to src/react-app-env.d.ts or declaration.d.ts

declare module '*.less';

or if you use css-modules

declare module '*.module.less' {
  const classes: { [className: string]: string };
  export default classes;
}