VSCode: Cannot find module 'antd' or its corresponding type declarations

Question

I have installed antd to my typescript project:

"antd": "^4.6.2",

It works fine and my project builds using the antd components (webpack used to build) but inside VSCode I don't get typings and it gives me this error:

Here is my tsconfig.json

{
    "compilerOptions": {
      "outDir": "./dist/",
      "noImplicitAny": true,
      "module": "es6",
      "target": "es5",
      "jsx": "react",
      "allowJs": true,
      "allowSyntheticDefaultImports": true,
      "sourceMap": true,
      "moduleResolution": "node",
    }
  }

What am I doing wrong? Antd is meant to include it's own typings so why doesn't VSCode recognise it?

Answer 1

The issue appears to be known issue with VSCode: https://github.com/Microsoft/TypeScript/issues/10346

It can be fixed by manually adding

/// <reference path="path/types.d.ts" />

Then doing F1 -> reload window.

Or apparently by installing vscode typescript hero plugin. I can't confirm plugin works as I had already fixed with manual reference and reload.

Answer 2

add tsx file to tsconfig.json:

{
    ...
    "include": [
        "./**/*.ts",
        "./**/*.tsx"
    ],
    ...
}