在Vue 2 / nuext / Typescript / @nuxtjs-composition-api项目中使用VS

Question

我正在尝试设置Volar VSCode扩展与NuxtJS/Typescript项目一起工作。我目前在我的.vue文件模板中面临这两个问题。我遵循了Vue 2和Typescript的安装建议，并启用了接管模式。

我已经设法修复了一些问题，发生在我的代码库与扩展，但这两个仍然存在。

Vue 3弃用警告

(deprecation COMPILER_V_ON_NATIVE) .native modifier for v-on has been removed as is no longer necessary.
Details: https://v3.vuejs.org/guide/migration/v-on-native-modifier-removed.htmlvue(COMPILER_V_ON_NATIVE)

我想找到一种方法来沉默这些警告，因为我还在使用Vue 2 (NuxtJS还不兼容Vue 3)。

自定义事件处理器例如，我在自定义<Modal>组件上有这个事件处理程序。

@modal-confirmation="onModalConfirmed"

const onModalConfirmed = (modalConfirmation: ModalConfirmation) => {};
Type '(modalConfirmation: ModalConfirmation) => void' is not assignable to type '(...payload: unknown[]) => unknown'.
Types of parameters 'modalConfirmation' and 'payload' are incompatible.ts(2322)

任何人经历这个过程吗?

Answer 1

根据@johnsoncodehk在Volar的GitHub:

我想找到一种方法来沉默这些警告，因为我仍然使用Vue 2 (NuxtJS还不兼容Vue 3)。

我们需要为此更改experimentalCompatMode选项，但此选项设计行为尚未最终确定。因此，它不会在短时间内改变。

@vue/composition-api事件类型在953cb2d中固定。