For vite version 4 and up use "@crxjs/vite-plugin": "^2.0.0-beta.23",

[Mindaugas3]

Some version incompatibility with newer versions of Vite, such as 4.5.2.

Generally, i've been playing around with this boilerplate (with Material UI instead of the default tailwind CSS). Pretty good!

[Mindaugas3]

Also injecting tailwind in content will break some pages (including GitLab and Gmail) so i had to remove the import

[sukantamaikap]

Some version incompatibility with newer versions of Vite, such as 4.5.2.

Generally, i've been playing around with this boilerplate (with Material UI instead of the default tailwind CSS). Pretty good!

Raised: https://github.com/JohnBra/vite-web-extension/pull/31

[stevenirby]

Also injecting tailwind in content will break some pages (including GitLab and Gmail) so i had to remove the import

I ran into the same issue. Not sure what the best work around is without heavily modifying things.

[Mindaugas3]

just remove the css import from content scripts index.tsx. That somehow worked for me

[JohnBra]

@stevenirby & @Mindaugas3 You could try to give the tailwind stuff a prefix (see docs). I think this might solve your problem

[stevenirby]

I figured this out eventually. I wasn't injecting things into the shadow dom correctly.