Svelte app stuck on deployment

Help
1

Current versus Expected Behavior

I am experiencing very long build times when deploying my project to Vercel. The deployment often fails after the 45-minute timeout period due to taking too long to complete the build. I’m looking for advice on optimizing the build process or identifying the root cause.

Currently, the build logs show the process being stuck on some steps, but there are no obvious errors. My project uses Firebase for Firestore and Authentication, and I have set lazy loading for Firebase services in my SvelteKit project, but the problem persists.

I expect the build to complete within a reasonable time frame and successfully deploy.

Code, Configuration, and Steps to Reproduce the Issue

  1. Run the deployment on Vercel for a SvelteKit project with Firebase integration.
  2. Wait for the build to start.
  3. The build hangs and does not complete within the allowed 45 minutes.

Deployment URL or Custom Domain: https://www.sarpsborgmoske.no/
Environment: Production
Project Framework: SvelteKit
Build Settings:
Framework Preset: Svelte
Build Command: npm run build (default)
Output Directory: .svelte-kit/output (default)
Install Command: npm install (default)
Node/Runtime Version: 20.x
Package Manager: npm
Relevant Packages:

  • @sveltejs/adapter-vercel
  • firebase
  • svelte
  • vite
  • @sveltejs/kit

Additional Details

I have already implemented lazy loading for Firebase to reduce the initial bundle size, but the build still takes a long time to complete. I am wondering if there’s something in the configuration or code that I might have missed that causes the deployment to hang. The build logs indicate some CSS warnings and package deprecations, but they don’t seem directly related to the deployment issue.

Here are some of the warnings I noticed in the logs:

  • Unused CSS selectors
  • Deprecated npm packages (e.g., rimraf, glob, npmlog)

Could these issues be causing the slow build times, or should I focus on something else?

Any advice on debugging or improving the build process for faster deployments would be greatly appreciated.

Thank you in advance!

2

Hi, @mujibullah-rahimi! Welcome to the Vercel Community :smile:

I wonder if this is related to a recent incident:

Are you still seeing this?

3

yeah i figured out the problem was with using scss in pages under routes, I still don’t know why it happens, but when i use scss, in +page.svelte for routed pages like “/dashboard” it gets stuck when deploying. Don’t know if that is what was solved, since i still get the error, if i push the repo.

4

If it’s related to using scss, then there might be a configuration issue. What error or warning messages do you see when it gets stuck?

5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.