Can't import plain css in any react file.

[dobbo5]

Hi,

I see the following issue while attempting to import my Swiper JS CSS with "import'swiper/css'":

[vite] Error when evaluating SSR module
TypeError: Unknown file extension ".css"

However, it functions well when I put it in my src file and import it from there.

Also, I receive the following issue while attempting to deploy my project in Vercel:

Instead of Tailwind, I utilize SCSS by just importing a plain CSS file into my App.server.

The issue is that when I'm in localHost, importing CSS into my app functions well.

I'm unsure if it's best practice to import my plain CSS file right into App.server, so I'm asking here.

[dobbo5]

I forgot to motion that I added

export default defineConfig({
plugins: [hydrogen({ experimental: { css: 'global' } })],
})

in my vite.config but doesn't seem to help

[dobbo5]

I apologize; I just realized that "dist" files are secret files, and they are not posted to Git. I'll import the SCSS file then, and if I encounter browser compatibility problems, I'll just change the name of the "dist" variable and utilize the compiled CSS.