Vue3 + Vite +类型记录:作用域插槽类型错误

Question

我有下面的dev堆栈项目(Vue3，Vite，TypeScript)，我在v-slot上得到了一个下面的错误

Element implicitly has an 'any' type because expression of type '"default"' can't be used to index type '{} | {}'.
  Property 'default' does not exist on type '{} | {}'.ts(7053)

<DataWrapper v-slot="{ values }">
  data: {{ values }}
</DataWrapper>

DataWrapper组件将道具注入槽中，如下所示

...
<slot :values="data"></slot>
...

它确实编译并按预期工作，但错误仍然存在。知道怎么解决这个问题吗？谢谢你一百万。

Answer 1

您试过添加类型信息吗？

<DataWrapper v-slot="{ values }: { values: any }">
  data: {{ values }}
</DataWrapper>

https://www.typescriptlang.org/docs/handbook/variable-declarations.html#property-renaming

如果您正在使用eslint，您也可以用

<!-- eslint-disable -->
<!-- eslint-enable -->