Strapi v5.5.0 Media Library Crop Option Not Working in Production Mode

Questions and Answers Strapi Admin
1

I’m using Strapi v5.5.0, and I’ve encountered an issue with the Media Library’s image crop feature.

In the development environment, the crop option works perfectly, but in the production mode on my live site, the crop option doesn’t load, and the Media Library UI seems to break.

Screenshot 2024-12-06 at 17.07.07
Screenshot 2024-12-06 at 17.07.071920×1388 117 KB

Here’s what I’ve checked so far:

  1. The production build was created using npm run build and started with npm run start.
  2. There are no apparent errors in the browser console or server logs.
  3. The permissions for the /public/uploads folder are correctly set, and images upload without issues.
  4. All other Media Library functionalities are working fine.

It seems like this issue might be related to environment-specific settings or the production build configuration.

Questions:

  1. What could be causing this discrepancy between the dev and production environments?
  2. Are there specific build or environment configurations for Strapi that I might be missing?
  3. How can I debug or fix this issue to make the crop feature work in production?

Any insights or suggestions are greatly appreciated.

Environment Details:

  • Strapi Version: 5.5.0
  • Node.js Version: (e.g., 18.x.x)
  • Database: (e.g., PostgreSQL/MySQL/SQLite)
  • Deployment Platform: (e.g., AWS, DigitalOcean, Heroku)

Thank you!