Vuetify: [Bug Report] Vue Warning when install Vuetify

Created on 15 Dec 2017  路  11Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 0.17.4
Vue: 2.5.11
Browsers: Chrome 63.0.3239.84
OS: Mac OS 10.13.2

Steps to reproduce

  1. Run the code
  2. Open developer console.
  3. You can see a Vue warning about "Invalid key "validate" in validation rules object for prop "activator"."

Expected Behavior

No warning should occur

Actual Behavior

warning occur

Reproduction Link

http://jsfiddle.net/h4kpvk4v/

bug

Most helpful comment

I have updated to version alpha-3 properly this time and it is working now!
No more error message.
Sorry for the inconvenience.
Thanks for your great work!!! Have a good week-end!

All 11 comments

It's fixed in 1.0.0-alpha.3, if you don't want to upgrade vuetify you can downgrade vue to 2.5.10

Thanks !

Hey there,
I've already installed 1.0.0-alpha.3 and the error accures nevertheless.

Do you have a codepen producing the issue in alpha3?

Because the project is just minutes old, I've had only this two things edited

main.js:

import Vue from 'vue'
import App from './App'
import router from './router'
import Vuetify from 'vuetify'
import colors from 'vuetify/es5/util/colors'

import('../node_modules/vuetify/dist/vuetify.min.css')

Vue.use(Vuetify)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

App.vue:

<template>
  <v-app>
    <v-toolbar class="blue darken-2" dark>
      <v-toolbar-side-icon class="white--text"></v-toolbar-side-icon>

      <v-toolbar-title>{{ title }}</v-toolbar-title>

      <v-spacer></v-spacer>

      <v-btn icon>
        <v-icon>more_vert</v-icon>
      </v-btn>
    </v-toolbar>
    <router-view/>
  </v-app>
</template>

<script>
//import languages
import languages from '@/env/languages.js'

export default {
  name: 'app',
  data() {
    return {
      language: '',
      title: '',
    }
  },
  created() {
    this.language = languages[localStorage.getItem('userLanguage')],
    this.title = this.$route.name
  }
}
</script>

Hi,

Hi also have the same issue.
I am using "vue": "^2.5.11", "vuetify": "^1.0.0-Alpha.3".x
x

Can you guys both console.log(Vuetify.version)?

yes, done and it says [email protected]
Yet it is 1.0.0-alpha.3 in package.json so obviously I did not have the version I though I had installed :)

screen shot 2017-12-16 at 2 10 41 pm

I have updated to version alpha-3 properly this time and it is working now!
No more error message.
Sorry for the inconvenience.
Thanks for your great work!!! Have a good week-end!

Seems to be fixed going from 0.17.4 -> 0.17.5 as well.

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings