clarity on how to import .css file from an npm package

[joepagan]

Using a fresh CSA install with the react & preact templates, I try an import a .css files from semantic UI in my App.js file:

import 'semantic-ui-css/semantic.min.css';

the build process in terminal is successful:

Snowpack

  http://localhost:8080 • http://192.168.86.140:8080
  Server started in 29ms.

Browser console error:

Loading module from “http://localhost:8080/web_modules/semantic-ui-css/semantic.min.css.proxy.js” was blocked because of a disallowed MIME type (“text/css”).
localhost:8080
Loading failed for the module with source “http://localhost:8080/web_modules/semantic-ui-css/semantic.min.css.proxy.js”. localhost:8080:13:1
[ESM-HMR] listening for file changes...

Visitng this path http://localhost:8080/web_modules/semantic-ui-css/semantic.min.css.proxy.js does load the css content.

I can't really see any suggestions on the docs if I should be importing this differently, I noticed you added a .css file to the install array in the config settings I tried this with the css path here and made no difference.

Please advise, thanks

[drwpow]

That should be correct! Can you confirm the version of Snowpack you were using, as well as your OS? This may have been a dev server issue which has been resolved.

[joepagan]

I'm afraid I've long since deleted my test app 94days later and moved on to try some different tech! Sorry, will let you know if I have this issue if I ever try in future.

[ptokarski]

I've just experienced the issue on version 2.18.