Vuetify 3 beta gives "Error: Could not find injected Vuetify layout"

Question

I am using the Vuetify 3 beta with vue-cli v5, but when I try to use v-app-bar in my template, I get Error: Could not find injected Vuetify layout

Answer 1

This just happened to me. The cause was that I had the v-app-bar outside of the v-app. Moving it inside fixed it.

Answer 2

This error occurs when you forget to wrap your vuetify code inside the v-app tag. To fix that add the v-app tag as shown in the code below:

<v-app>

  <!-- Your appBar goes here -->
  <v-app-bar  title="My site" app>
  </v-app-bar>  

</v-app>