Git Product home page Git Product logo

Comments (10)

willbrandin avatar willbrandin commented on July 19, 2024

I have this issue too. I'm not seeing the new file added in the database either.
I wonder if there's an issue in the onUploadComplete function in src/app/api/uploadthing/core.ts

from quill.

engmsaleh avatar engmsaleh commented on July 19, 2024

I have the same issue, Any updates or solutions?

from quill.

rishav887 avatar rishav887 commented on July 19, 2024

Versel works fine for me

from quill.

engmsaleh avatar engmsaleh commented on July 19, 2024

@willbrandin Yes, I have encountered the same issue, for some reason, it seems that onUploadComplete is not being fired in a production environment

from quill.

husmaret avatar husmaret commented on July 19, 2024

Could be an authentication issue, as I also get a 401 error just before the 404. Meaning the middeware before onUploadComplete might return an Unauthorized. But I also have not found a solution yet.

Edit: Ok, so apparently not an Authentication issue. In 'Dev' mode, uploadthing simulates a webhook, to notify the server, when the fileupload is finished. This is not done in 'production' environment. Still do not know how to solve it, but there is an issue on the uploadthing github: pingdotgg/uploadthing#474

from quill.

m3phist avatar m3phist commented on July 19, 2024

I finally got the file upload running on production by installing the new version of [email protected] and @uploadthing/[email protected]. Make sure to push and test directly on Vercel, not in the local npm build. Anyway, Uploadthing warns not to test callbacks on localhost. That is how I finally got it to work.

[UT] [WARN] You are using a localhost callback url in production which is not supported. Read more and learn how to fix it here: https://uploadthing.com/faq#my-callback-runs-in-development-but-not-in-production

from quill.

alvinpeter9 avatar alvinpeter9 commented on July 19, 2024

The uploadthing documentation has not been updated to reflect the new update. @m3phist can you show us where or what you changed in your code?

from quill.

gptsparky avatar gptsparky commented on July 19, 2024

I had the same issue, file uploading didn't work when deployed. It was stuck at the upload box loading. Looking at the logs, the api/trpc/getFile endpoint was being polled every few seconds and never stopped (also error 404).

Afterward, I noticed the file was successfully uploaded to UploadThing but it was NOT added to the database (thus the infinite polling), so the issue was the code to add the file to the database wasn't running (the code in the callback onUploadComplete in src/app/api/uploadthing/core.ts).

Turns out Vercel was the issue, it allowed a maximum of a few seconds of computing at a time so the uploaded file was never added to the database as the code to do it timed out. Thus, the infinite polling.

TLDR; the solution is to deploy elsewhere like Netlify or upgrade from the Hobby plan on Vercel.

from quill.

seancaleb avatar seancaleb commented on July 19, 2024

@gptsparky I'm having the same issue as you when I deployed my express app on railway. I am hosting my client in Vercel and currently using Preview Deployments. I've already did what UploadThing docs say about turning off Vercel Authentication Vercel preview deployments, unfortunately, it still didn't work for me.

It uploads the file to UploadThing but the onUploadComplete callback doesn't trigger which causes the loading on my client to not stop.

Upon viewing the logs from railway I saw this kind of error.

image

from quill.

Selvagokul avatar Selvagokul commented on July 19, 2024

Screenshot (413)
in live file is not uploaded give me any solution

from quill.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.