reactjstypescriptvisual-studio-codeantd

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

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:

enter image description here

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?

Solution

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

    It can be fixed by manually adding to the top of the file

    /// <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.