VSCode go to definition/implementation fixed

I just spent ~2 hours on this and I had to blog about it. I bet I will come back to the same problem and it will be nice to have a quick solution at hand. And the problem that I'm talking about is the non working Go to definition or Go to implementation feature of VSCode. Or in other words the JavaScript IntelliSense was not working for me. Of course it was annoying because I had to navigate to files manually via the folder tree on the left or typing the name of the file in the Cmd+Shift+P popup.

VS code intellisense fixed

For me this feature stopped working when we introduced TypeScript in our codebase. After some time googling I found the reason. I had to add the path to our common library in our tsconfig.json file.

{
  "compilerOptions": {
    ...
  },
  "include": ["src", "../common"],
  "exclude": ["node_modules", "**/*.spec.ts"]
}

Notice the ../common addition to the include field. That fixed the problem because it tells VSCode where to look for modules definitions.

Very soon I will hit another problem. Once I start writing proper TypeScript VSCode will go to the type definition of the modules and not their implementation. As far as I read this is a problem which is still not solved (GitHub issue). Till then I will enjoy the wonderful IntelliSense. 😎

If you enjoy this post, share it on Twitter, Facebook or LinkedIn.

With over two decades of deep front-end expertise, I offer comprehensive web consultancy and stack audits, alongside specialized workshops, training, and engaging public speaking to elevate your team's skills and optimize your digital presence. Contact me.