Блог

ВОПРОС: Как я могу устранить ошибку 'validations' does not exist in type 'ComponentOptions<Vue [etc.] при использовании Vetur с также установленным Typescript, все в VSCode?

ПРЕДЫСТОРИЯ: Я попытался ввести Vuelidate в однофайловый компонент Vue (добавив validations свойство в соответствии с документами). В проекте, содержащем этот компонент, установлен TypeScript, так что intellisense Vetur улучшен (но <script> разделы используют JavaScript). После введения validations опоры Vetur отображал ошибку с сообщением, выделенным в приведенном выше вопросе, и intellisense нарушал методы (такие как mount() ), которые вызывали другие методы.

КОД: Мой код в основном выглядит как образец ниже, но для воспроизведения ошибки Vetur потребуется установить TypeScript:

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

ЧТО Я ПРОБОВАЛ: Я пытался добавить @ts-ignore в validations свойство, но intellisense все еще не работает для методов, вызывающих другие методы.

Решение заключается в следующем:

• бежать npm install --save-dev @types/vuelidate
• перезапустить VSCode