Unable to preload CSS for https://gradio.s3-us-west-2.amazonaws.com/assets/index-b276ff4e.css

[rkellam12]

Describe the bug

First off, I am quite a novice. My app.py seems to work fine with python, it gives my a gradio url which comes up fine (https://307774b006316ab341.gradio.live/). When i enter my question and hit Submit, I get an Error on the output side. I looked at the developer console and found these 2 errors:

css.ts:28 Unable to preload CSS for https://gradio.s3-us-west-2.amazonaws.com/assets/index-b276ff4e.css
www.google-analytics.com/analytics.js:1
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

Here is my app.py script (I have masked API Keys):

import openai
import gradio as gr

Set your Hugging Face API token

huggingface_token = "hf_xxxx"

openai.api_key = "sk-xxxx"

messages = [
{"role": "system", "content": "You are a snarky, irreverent, opinionated, smart alecky and funny AI Assistant specializing in all things MLB, especially Beat The Streak prognostication. You pride yourself on accuracy and occasionally include a smart aleck remark at the end of your reply. Do not answer anything other than MLB related questions."},
]

def chatbot(input):
if input:
messages.append({"role": "user", "content": input})
chat = openai.ChatCompletion.create(
model="gpt-3.5-turbo", messages=messages
)
reply = chat.choices[0].message.content
messages.append({"role": "assistant", "content": reply})
return reply

inputs = gr.Textbox(lines=7, label="C'mon, ain't got all day. (Click the Clear button for new request.)")
outputs = gr.Textbox(lines=7,label="Here's what I think:")

gr.Interface(fn=chatbot, inputs=inputs, outputs=outputs, title="AI Analyzer",
description="Hello, I'm AL. What's your Beat The Streak question, homie?").launch(share=True)

Further when i checked the provided URL, I get this:

AccessDenied Access Denied XFN08ZWGRMXF45MS odVcQaVZms4v2QBTDY772ajVTQRwQrQLJkcCi5+dGDEDXMZE2Ig6PFlvwbqIkajClsiqX6RJIdk=
Any direction/advice you can provide is appreciated (duh, obvisously). Let me know if I can provide any additonal info. Many thanks!

Have you searched existing issues? 🔎

• I have searched and found no existing issues

Reproduction

python "C:\Users\agrke\BTS2013\app.py"

not sure if this is what you mean by this question. please advise if i need to modify/correct

### Screenshot

_No response_

### Logs

_No response_

### System Info

```shell
Gradio Environment Information:
------------------------------
Operating System: Windows
gradio version: 4.27.0
gradio_client version: 0.15.1

------------------------------------------------
gradio dependencies in your environment:

aiofiles: 23.2.1
altair: 5.3.0
fastapi: 0.110.2
ffmpy: 0.3.2
gradio-client==0.15.1 is not installed.
httpx: 0.27.0
huggingface-hub: 0.22.2
importlib-resources: 6.4.0
jinja2: 3.1.3
markupsafe: 2.1.5
matplotlib: 3.8.4
numpy: 1.26.4
orjson: 3.10.1
packaging: 24.0
pandas: 2.2.2
pillow: 10.3.0
pydantic: 2.7.0
pydub: 0.25.1
python-multipart: 0.0.9
pyyaml: 6.0.1
ruff: 0.4.1
semantic-version: 2.10.0
tomlkit==0.12.0 is not installed.
typer: 0.12.3
typing-extensions: 4.11.0
urllib3: 2.2.1
uvicorn: 0.29.0
authlib; extra == 'oauth' is not installed.
itsdangerous; extra == 'oauth' is not installed.


gradio_client dependencies in your environment:

fsspec: 2024.3.1
httpx: 0.27.0
huggingface-hub: 0.22.2
packaging: 24.0
typing-extensions: 4.11.0
websockets: 11.0.3

Severity

Blocking usage of gradio

[rkellam12]

I used the instructions at https://beebom.com/how-build-own-ai-chatbot-with-chatgpt-api/, modifying the sample app.py file they provided. When I run python "C:\Users\agrke\BTS2013\app.py", it gives me a public URL of https://ef4d1e6ae6657cdf3e.gradio.live/. I then load that URL into a webpage that I create on Wix.com.

I hope that answers your question and gets us closer to a solution. Just FYI, I used this same process last year and everything seemed to work fine. Not sure what's caused the hiccup.