CODEWITHSUNDEEP
vuejs3vitepnpmvuetifyjs3pnpm-workspace
Andrei Kniazev
Andrei Kniazev

Reputation: 309

Vuetify 3, vite, pnpm, monorepo - [vite] Internal server error: Failed to resolve import *.css

I have a monorepo setup using pnpm. All packages are TS except front-end one that is a Vue 3, Vuetify 3, vite project. Originally it was Vue 2, Vuetify 2, and web pack.

When I finished my migration and it was able to compile I start to receive a lot of erros like:

[vite] Internal server error: Failed to resolve import "/Users/**/Documents/GitHub/lorehub-front/node_modules/.pnpm/[email protected]_24g3gyrmoyehrpsuzyze56xdda/node_modules/vuetify/lib/directives/ripple/VRipple.css"

My project folders:

- packages
- - package1 (ts)
- - package2 (ts)
- - front (vue3, vuetify3, vite)
- package.json
- and pnpm related files

Upvotes: 0

Views: 891

Answers (1)

Andrei Kniazev
Andrei Kniazev

Reputation: 309

It seems like the problem was how Vite was trying to resolve dependencies.

So I add .npmrc file to the root folder.

- packages
- - package1 (ts)
- - package2 (ts)
- - front (vue3, vuetify3, vite)
- package.json
- and pnpm related files
- .npmrc

With this content:

public-hoist-pattern[]=*vuetify*

Upvotes: 2

Related Questions