Doc best practices/expected usage for default vite app port

[maddymontaquila]

Page URL

https://learn.microsoft.com/en-us/dotnet/aspire/community-toolkit/hosting-nodejs-extensions?tabs=dotnet-cli%2Cyarn#run-vite-apps

Describe the issue

Vite defaults their dev server to port 5173 (and then increments it if its taken) - when you follow the docs there is no guidance about setting targetPort or anything. The default endpoint handled by Aspire spins forever then fails because it doesn't point to 5173 (which works fine) -

var frontend = builder.AddViteApp("frontend", "../frontend", packageManager: "pnpm")
    .WithPnpmPackageInstallation()
    .WithReference(ratingsApi)
    .WithExternalHttpEndpoints();

Suggestion

We should either handle that in the Vite extension by default or add
.WithHttpEndpoint(targetPort: 5173)
to the docs.

Additional context

No response

Help us help you

No, just wanted to report this