Styles are missing from my site

[skyfallwastaken]

Hi, I'm trying out Spark and followed the steps in the tutorial, however my site has no styling:

I'm running the site using dotnet watch, and am also running Vite's development server in the background, using vite dev.

My dotnet watch command is also spamming the console with this:

[17:42:40 WRN] The SSL connection could not be established, see inner exception.. Make sure the Vite development server is running
[17:42:40 WRN] The SSL connection could not be established, see inner exception.. Make sure the Vite development server is running
[17:42:40 WRN] The SSL connection could not be established, see inner exception.. Make sure the Vite development server is running

It also said this at the start

[17:42:35 INF] Looks like the Vite development server is already running at https://localhost:5173.
[17:42:35 INF] This is the homepage.
[17:42:35 INF] HTTP GET / responded 200 in 430.0760 ms
[17:42:35 INF] HTTP GET /_framework/blazor.web.js responded 304 in 17.6418 ms
[17:42:40 WRN] The Vite development server did not start within 5 seconds
[17:42:40 WRN] The Vite development server did not start within 5 seconds
[17:42:40 WRN] The Vite development server did not start within 5 seconds

(For reference, I started Vite before running dotnet watch because it didn't autostart)

[skyfallwastaken]

I think this is related to #76.

[skyfallwastaken]

@westonwalker apologies for the ping, but is there a solution to this?

[nick-ez]

You can add the following line to your vite.config.ts file to resolve this issue-

fs.mkdirSync(baseFolder, { recursive: true });
Add this after the following statement-

const baseFolder =
env.APPDATA !== undefined && env.APPDATA !== ''
? ${env.APPDATA}/ASP.NET/https
: ${env.HOME}/.aspnet/https;

https://stackoverflow.com/questions/79136524/vite-azure-pipelines-react-net-there-was-an-error-exporting-the-https-dev