Multiple components using shared CSS via style tag and src is causing undefined reading 'scoped' error

[eneeio-nm]

Hi all,

I have two separate SFC using shared CSS using

<style lang="css" src="shared.css"></style>

When I try to build the project vite:vue is throwing an error stating

[vite:vue] Cannot read properties of undefined (reading 'scoped')

Does anyone know how to resolve this issue, please?

[eneeio-nm]

P.s. I came across this PR which seems to fix the problem but there doesn't seem to be any documentation around it.

[eneeio-nm]

This seems to work:

<style lang="css">
@import url('shared.css');
</style>

It would be good to know if this is the preferred method for sharing CSS across multiple single file components in Vue using Vite.

[mika76]

This also worked for me - thanks!