如何解決 Vetur/Vuelidate 錯誤“'驗證'在'ComponentOptions 類型中不存在'

Question

問題：如何解決錯誤'validations' does not exist in type 'ComponentOptions<Vue [etc.]同時使用 Vetur 和 Typescript 也安裝，所有這些都在 VSCode 中？”

背景：我試圖將 Vuelidate 引入到單文件 Vue 組件中（通過根據文檔添加validations屬性）。 包含該組件的項目已安裝 TypeScript，以便改進 Vetur 的智能感知（但<script>部分使用 JavaScript）。 引入validations道具后，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