Webstudio
Log in

Join the Webstudio community

Updated 2 months ago

Deploy on Vercel - No Output Directory named "dist"

At a glance

The community member is trying to deploy a self-hosted webstudio project on Vercel using the Vercel CLI. They followed the deployment steps, but encountered an error stating that the "dist" output directory was not found after the build completed. The community member has never used Vercel before and is seeking a hint to solve this issue.

Useful resources
MMrRobot
·
This is how I try to deploy on vercel from self-hosted webstudio:

Plain Text
npx vercel@latest
Vercel CLI 37.14.0
? Set up and deploy “/workspaces/webstudio”? yes
? Which scope do you want to deploy to? Verce's projects
? Link to existing project? no
? What’s your project’s name? webstudio
? In which directory is your code located? ./
Local settings detected in vercel.json:
Auto-detected Project Settings (Vite):
- Build Command: vite build
- Development Command: vite --port $PORT
- Install Command: `yarn install`, `pnpm install`, `npm install`, or `bun install`
- Output Directory: dist
? Want to modify these settings? no
🔗  Linked to xxxx (created .vercel)
🔍  Inspect: https://vercel.com/xxx [4s]
✅  Production: https://xxx [4s]


Error:

Plain Text
Error: No Output Directory named "dist" found after the Build completed. You can configure the Output Directory in your Project Settings.
Learn More: https://vercel.link/missing-public-directory


I never used vercel before, do you have a hint for solving this issue ?
Add a reply
Sign up and join the conversation on Discord