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.

Bắt đầu bằng cách xem xét các ảnh chụp màn hình của issue, thông báo đơn giản hóa được đề xuất và các mục tiêu thiết kế TypeScript được liên kết trong checklist. Công việc hoàn tất khi các thông báo lỗi có thể hiển thị một dạng ngắn gọn trong khi vẫn giữ lại thông tin chi tiết phía sau một mục "See More", mà không thay đổi hành vi runtime.