Gradio app UI messed up

Spaces
1

Hello,

I have deployed an app in spaces- GPTNeo Storyteller - a Hugging Face Space by Samurai719214 . Everything was fine until a couple of weeks ago, when I received this error-

image
image1136Ă—607 40.6 KB

The app is deploying. However, the UI is all messed up-

How do I fix my app? Please help thank you :slight_smile:

1 Like
2

Seems in app.py,

with gr.Blocks(css="style.css")

But there is no style.css on the repo. Style would be broken…

3

It did not seem to fix the issue-

image
image1918Ă—805 35.8 KB

I have removed with gr.Blocks(css=”style.css”)

1 Like
4

Oh. Gradio version specified in requirements.txt appears to be mismatched with the Gradio version specified in README.md…

README.md

---
title: GPTNeo Storyteller
emoji: đź’¬
colorFrom: yellow
colorTo: purple
sdk: gradio
sdk_version: 5.0.1 <= this
app_file: app.py
pinned: false
license: mit
short_description: Fine-tuned LLM to complete mythological stories.
---

requirements.txt

huggingface_hub
gradio <= this
torch
transformers
pandas
datasets
matplotlib
evaluate
numpy
scikit-learn

There are three solutions.

  1. Upgrade Gradio to the latest version. In README.md (recommended):
sdk_version: 5.47.2
  1. Leave Gradio installation to README.md. In requirements.txt (easy maintenance):
#gradio # just commented out
pydantic==2.10.6 # to avoid bug
  1. Pin Gradio’s version. In requirements.txt:
gradio==5.0.1
5

Thank you! It worked :slight_smile:

1 Like