Property 'cause' does not exist on type 'Error'

[jtuchel]

I created a new app via npm init vue@latest , selected "everything" and replaced the content of the App.vue file with

<script setup lang="ts">
const e = new Error("something failed");

console.log(e.cause);
</script>

which leads to the following error

Property 'cause' does not exist on type 'Error'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2022' or later.ts(2550)

So it seems I'm missing a compiler option. Adding "lib": ["es2022", "dom"], to

• tsconfig.vitest.json
• tsconfig.config.json
• tsconfig.app.json

might fix this problem. But is this the correct way to solve the compile error?

[chenxch]

Of course, under normal circumstances error prompts are trustworthy. You just need to add "lib": ["es2022", "dom"] to tsconfig.app.json first.

[jtuchel]

Thanks for your reply. Are there any reasons this is not set by default?

( Because who wouldn't need this? )

[chenxch]

I think this is a headache for the default settings. After all, it can't meet everyone's needs. It can only choose one that the public uses as the default.

[jtuchel]

I always used the default settings. Do you know if there will be any drawbacks? Like "If you use those compiler options you can use ... BUT you won't be able to use ... anymore"

[chenxch]

From my current experience, the default configuration meets most of my development scenarios, of course, there are scenarios that do not meet, basically as long as you add plug-ins or do some configuration changes on it, I think this is a cute and hateful place for cli, right?