CSS not displaying on pages other than homepage about starlight

[delucis]

My guess here is that this the fault of vscode-live-server. After building, Starlight outputs a static folder containing pages and assets with typical extensions (e.g. .css in this case). A server should usually be smart enough to rely on those extensions to also set the MIME type.

Taking a quick look at Live Server’s 2,000+ GitHub issues (😬), I can see several which mention similar issues: https://github.com/ritwickdey/vscode-live-server/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+MIME

I suspect that’s the cause here and would advise sticking to the built-in dev, build, and preview commands.

[hexWars]

After using nginx, everything is back to normal. Thank you for your assistance.

[HiDeoo]

Thanks for your report.

After building, the CSS is not displaying

May I ask how you are serving the production build?

I may be going on a totally wrong track but it looks like the port 63344 is common for JetBrains IDEs with the built-in web server. If that's the case, it looks like there are several issues opened for this feature regarding MIME types (issue 1 - issue 2).

If you are indeed using the JetBrains built-in web server, could you please try to serve the production build using the astro preview command (it should be npm run preview if you are using npm) after building your website for production and see if the issue persists when viewing the site at http://localhost:4321?

[hexWars]

Thank you for your response. I have no issues when using yarn preview, but the problem still persists when using the Live Server plugin in VS Code.