Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] V-select chips error while Server side rendering (Nuxt)

See original GitHub issue

Environment

Vuetify Version: 2.0.5 Vue Version: 2.6.10 Browsers: Chrome 76.0.3809.87 OS: Linux x86_64

Steps to reproduce

If you have chips attribute on with a v-select, then you set the v-model in created, you will get this Focus is not defined error

Expected Behavior

Should just work

Actual Behavior

 ERROR  [Vue warn]: Error in render: "ReferenceError: focus is not defined"

found in

---> <VSelect>
       <VApp>
         <Pages/index.vue> at pages/index.vue
           <Nuxt>
             <Layouts/default.vue> at layouts/default.vue
               <Root>

Reproduction Link

https://codesandbox.io/s/nuxt-vuetify-wnru5?fontsize=14

Other comments

It will work if you either remove the chips attribute, or comment out setting the v-model in created.

Issue Analytics

State:
Created 4 years ago
Reactions:6
Comments:6 (1 by maintainers)

Top GitHub Comments

1reaction

erickarbecommented, Aug 13, 2019

Getting the exact same issue, just FYI.

0reactions

kobayashi5884commented, Oct 1, 2019

I had the same issue with v-combobox and the simplest workaround seems to be wrapping v-select tags by no-ssr tags though I am waiting for the complete fix.

Top Results From Across the Web

Server Side Rendering - Nuxt

Server -side rendering (SSR), is the ability of an application to contribute by displaying the web-page on the server instead of rendering it...

How to catch server errors in Nuxt.js so it doesn't crash page ...

I'm currently maintaining a production Nuxt/Vue app that is using the @nuxt/apollo module to make GraphQL requests. The problem, is that every ...

vuetify server side pagination

Nuxt focuses on the UI rendering aspect and offers modes for server-side ... I'm using this plugin gilbitron/laravel-vue-pagination the problem with this ...

Making Nuxt.js clone with Vue 3 and Vite (Vue Custom Server ...

SSR Framework Requirements. And so I want to more accurately outline my requirements for an ideal framework for server side rendering, I have ......

How To Use Server-Side Rendering with Nuxt.js | DigitalOcean

Nuxt.js is a framework for Vue.js applications that can solve this problem with server-side rendering, a strategy that renders the ...