Feat: Non-Detail view for Error Messages

Suggestion

The following is a case where I'm missing a single field from an object:

The amount of detail in this error message is very useful for extreme scenarios, but in a general day to day scenario, it's a bit overwhelming.

It would be really nice to have detailed messages like this hidden behind a "See More" item, and instead show the simplest form of the error. In this case the error could be

missing prop "fields" of type "object"

I don't need to know what the object type is, or what the parent type is. I can just get that error message later.

Use Cases

Almost 100% of the errors I get in TypeScript would be improved by this. It's very rare that I want to know all the information, and almost always that I just want a simple reminder of what tiny slip up it is.

Checklist

My suggestion meets these guidelines:

• This wouldn't be a breaking change in existing TypeScript/JavaScript code
• This wouldn't change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, etc.)
• This feature would agree with the rest of TypeScript's Design Goals.

Empieza revisando las capturas de pantalla del issue, el mensaje simplificado propuesto y los objetivos de diseño de TypeScript enlazados en la lista de comprobación. El trabajo estará terminado cuando los mensajes de error puedan mostrar una forma concisa y conservar la información detallada detrás de un elemento "See More", sin cambiar el comportamiento en tiempo de ejecución.