Typescript auto-complete not working in VSCode

Question

I'm trying to make use of Puppeteer within a ts file which works fine except the VSCode Intellisense stops working a soon as I'm inside a .ts and not a .js file. I've seen some posts about this incident but none could help me. What I did:

• created a project via npm init
• installed dependencies as follows:

"dependencies": {
"@types/node": "^14.0.14",
"events": "^3.1.0",
"puppeteer": "^4.0.1",
"typescript": "^3.9.5" }

  "devDependencies": {
"puppeteer-tsd": "0.0.2"  }

• created tsconfig.json

   "target": "es5",
   "lib": ["es2015", "dom"],
   "outDir": "./dist",
    .
    .
    .
   "include": ["src", "node_modules/puppeteer-tsd/src/index.d.ts"]
  

• created src and dist folder

• put a main.ts inside my src

• told VSCode to use the project TS version instead of its own

Then I compiled. Everything works fine. But I get no IntelliSense to help me out while I type. So I created a .js file in my src directory, copied the code from my main.ts inside it and then I got Intellisense to work perfectly fine with all suggestions and so on. And I have no idea left what I could try except accepting it and code without it. I'd be greatful for any suggestions on what could be the issue. Thx in advance!

Edit: Meanwhile I found out, that it works fine with non imported functions like console.log(). It's only Puppeteer (or probably any imported module).

Edit 2: Heres a Link to my Log File.

Answer 1

Apart from VSCode's TypeScript language features provided by the extension vscode.typescript-language-features that needs to be functional, your imports must be correct for built-in or packaged (@types/x) type declarations of modules to be considered.

import/require:

import x = require('x');

Gives you type awareness but is valid only in TypeScript.

const/require:

const x = require('x');

Also valid In TypeScript but does not give you type awareness; x will be of type any.

---

For more information on module imports, see this question.