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.

まず、issue のスクリーンショット、提案されている簡略化されたメッセージ、およびチェックリストでリンクされている TypeScript の設計目標を確認します。エラーメッセージが簡潔な形式で表示でき、詳細情報を「See More」項目の背後に保持できるようになり、ランタイムの動作を変更しなければ作業は完了です。