在Vite + Vue项目<script setup>中同时使用withDefaults和defineProps时出错

Question

我正在做一个使用Vite + Vue的项目。但是，我在下面的代码中收到以下错误。经过一些研究，我发现不支持在

withDefaults

中同时使用

defineProps

和

<script setup>

。当我在开发模式下运行它时，我可以看到道具处理正在工作。你能帮我解决这个问题吗？

我正在 WebStorm 中进行开发，只是为了让您知道。

<script setup lang="ts">
interface testInterface {
  name: string;
  much?: number;
}

const definesProp = withDefaults(defineProps<testInterface>(), {
  name: 'jarry',
});
</script>

错误：

Argument type DefineProps<testInterface, BooleanKey<testInterface>> is not assignable to parameter type DefineProps<Readonly<testInterface> & {}, keyof Readonly<testInterface> & {}> 

Answer 1

这是一个 WebStorm 问题，从今天开始，这个错误应该得到修复，因为他们实现并修复了一些 volar 问题。

我尝试过，就我而言，它工作正常。

Answer 2

这是 IDE 错误，在 WEB-61241 进行跟踪；请关注更新

Answer 3

似乎这是一个网络风暴问题，而不是 Vue 本身，因为它只出现在 WS 中。

你能做的就是等待jetbrains修复它。

Answer 4

更改 vue 服务器帮助了我