Bug: [uploadthing] Unable to Resolve UI Package Path in Next.js + TS + Tailwind Project

Hey everyone, I'm encountering an issue with the Uploadthing UI packages in my Next.js + TypeScript + Tailwind project. The log displays the following message:
[uploadthing]: Unable to resolve path for uploadthing UI packages. As a workaround, you can manually add the paths to your content paths:
- Find where your package manager has installed the distribution files, e.g. './node_modules/@uploadthing/react'.
Note: If you have a monorepo, you may need to look up the tree to find the correct path.
- Add the path to the 'content' field in your Tailwind configuration:
content: [
// your other content paths
'./node_modules/@uploadthing/react/dist**' // <-- add this line
]
[uploadthing]: Unable to resolve path for uploadthing UI packages. As a workaround, you can manually add the paths to your content paths:
- Find where your package manager has installed the distribution files, e.g. './node_modules/@uploadthing/react'.
Note: If you have a monorepo, you may need to look up the tree to find the correct path.
- Add the path to the 'content' field in your Tailwind configuration:
content: [
// your other content paths
'./node_modules/@uploadthing/react/dist**' // <-- add this line
]
I tried adding the suggested path to my Tailwind config, but it didn’t resolve the issue. What's puzzling is that everything was working perfectly—even in production—until recently when this issue suddenly started in development. Has anyone else experienced this in a Next.js + TS + Tailwind setup or have any insights on what might be causing it? Any help or pointers would be greatly appreciated! Thanks in advance.
No description
No description
No description
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?