javascript - 如何解决 Vetur/Vuelidate 错误“'验证'在'ComponentOptions 类型中不存在' 问题：如何'validations' does not exist in type 'ComponentOptions<Vue [etc.]在 VSCode 中使用 Vetur 并安装 Typescript 时解决错误？

Question

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

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

代码：我的代码基本上类似于下面的示例，但需要安装 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