'Is there any way to better visualise typescript errors?

I am using babel typescript preset to transpile my code. Some TS errors that I am getting emitted in the console could use some better formatting. I wonder if there is some plugin or error parser that would better highlight the nested structures. Changes that I would find useful:

  • syntax highlight the types in the emitted errors
  • truncate the deep structures to something like breadcrumbs
  • if there exists some reference of all error codes and their fixes it would be great to add a link at the top


Solution 1:[1]

I was recently looking for something similar. A VSCode extension would be perfect, but unfortunately I don't think it exists yet.

This is the only thing I could find, but I think it's either been shelved or is still in development: https://twitter.com/orta/status/1434904994109612033?s=21

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Michael Whitman