При подключении vuelidate выдает ошибку, как исправить?

Question

[Владислав]

Добрый день.

Установил vuelidate через npm, подключаю в main.js

import Vue from 'vue'
import Vuelidate from 'vuelidate'
import App from './App.vue'

Vue.use(Vuelidate)

new Vue({
    render: h => h(App),
}).$mount('#app')

Выдаёт ошибку Uncaught TypeError: Cannot read property 'use' of undefined


Как исправить?

Answer 1

[kirolga]

Без дополнительной информации сложно сказать, что именно не так.
Приложите к вопросу свой конфиг webpack (если он используется) и package.json.

Comments

[Владислав]

Файла конфиг webpack нет.

Это package.json

{
  "name": "fr",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0",
    "vue-template-compiler": "^2.6.12",
    "vuelidate": "^0.7.5"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0-0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0-0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

[kirolga]

Вы используете новую версию vue и старую vuelidate.

Проще всего откатить vue на версию 2.6.12. Это должно помочь.

Если же хотите продолжать писать на vue 3, то вам придется использовать vuelidate@next.
Также нужно будет обратить внимание на изменения во vue 3 (как минимум, синтаксис). А у вас в коде сейчас написано в синтаксисе vue 2.

[Владислав]

kirolga, Как откатить?

[kirolga]

В файле 'package.json' изменить версию у vue.
Напишите

"vue": "^2.6.12"

И затем в терминале выполните команду
npm i

[Владислав]

kirolga, Спасибо