nborges
Nuxt3, Vitest, Vuetify3: unable to resolve Vuetify components
Hi everyone!
I am having a hard time with a setup based on Nuxt3 + Vuetify3 + Vitest. Nuxt's testing docs implies that using mountSuspended in unit-tests should allow vitest to resolve autoimports, but I get this error for each vuetify component when running tests:
[Vue warn]: Failed to resolve component: v-row
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
at <MountSuspendedComponent >
at <MountSuspendedHelper>
at <Anonymous ref="VTU_COMPONENT" >
at <VTUROOT>
If I follow the Vuetify documentation instead, and I provide the Vuetify instance to each test, I get this error which I find very confusing:
App already provides property with key "Symbol(vuetify:defaults)". It will be overwritten with the new value.
I don't get it: the second error shows that Vuetify components and directives are registered in the test app istance, but the first error seems to proove otherwise.
Any suggestions? I hope this is the right place to ask
10 replies