Vite build vue2, vuetify resolver: RollupError: "VOption" is not exported by "node_modules/vuetify/lib/index.js"

in-live-md commented 1 year ago

Describe the bug

Seems the import code generated for certain Vuetify components is amiss for some reason

Error: RollupError: "VOption" is not exported by "node_modules/vuetify/lib/index.js" 10: import { VOption as __unplugin_components_8 } from 'vuetify/lib'; ^ Looking in node_modules/vuetify/lib/components there is no subdirectory for VOption

link to vite.config.ts: https://github.com/logue/vite-vue2-vuetify-ts-starter/blob/master/vite.config.ts

Steps to recreate: git clone https://github.com/logue/vite-vue2-vuetify-ts-starter.git npm i in App.vue add the following ` <v-select :items="['a','b','c']" label="Display Type" outlined dense

Select display type
`

npm run build

Reproduction

Above - it contained code

System Info

unplugin-vue-components: 0.23.0
Vue: 2.7.14
Vuetify: 2.6.14
vite: 4.1.1

Used Package Manager

npm

Validations

[X] Follow our Code of Conduct
[X] Read the Contributing Guide.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
[X] The provided reproduction is a minimal reproducible of the bug.

so1ve commented 1 year ago

try vite-plugin-vuetify

in-live-md commented 1 year ago

It only supports vuetify/vue >= 3 (I checked peer dependencies)..

Im trying to move our vue2 repo to vite to get the build faster and smaller.. im really close - just need to iron out the vuetify part

Papooch commented 3 months ago

@in-live-md Have you ever found a solution? I'm facing exactly the same issue when migrating a Vue 2 project to Vite.

unplugin / unplugin-vue-components