javascript - 如何解决 Vetur/Vuelidate 错误 "' 验证'在类型 'ComponentOptions<Vue [etc.]"中不存在？

Question

问题:如何解决错误 'validations' does not exist in type 'ComponentOptions<Vue [etc.]使用 Vetur 时还安装了 Typescript，全部在 VSCode 中？

背景:我尝试将 Vuelidate 引入到单文件 Vue 组件中(通过按照 the docs 添加 validations 属性)。包含该组件的项目安装了 TypeScript，以便改进 Vetur 的智能感知(但 <script> 部分使用 JavaScript)。介绍完validations prop，Vetur 显示错误，并在上述问题中突出显示消息，并且智能感知正在中断调用其他方法的方法(例如 mount() )。

代码:我的代码基本上类似于下面的示例，但需要安装 TypeScript 才能重现 Vetur 错误:

export default {
  data() {
    return {
      name: '',
    }
  },
  validations: {
    name: {
      required,
      minLength: minLength(4)
    },
  }
}

我尝试过什么:我尝试添加 @ts-ignore到validations属性，但对于调用其他方法的方法来说，智能感知仍然被破坏。

Answer 1

解决办法是:

• 运行npm install --save-dev @types/vuelidate
• 重新启动 VSCode