# Issues with imported .css ("Failed to load the app. Try reloading it.")

**URL:** <https://discuss.ai.google.dev/t/issues-with-imported-css-failed-to-load-the-app-try-reloading-it/100405>\
**Category:** Google AI Studio\
**Tags:** ai-studio\
**Created:** [August 27, 2025, 9:35pm UTC](https://discuss.ai.google.dev/t/issues-with-imported-css-failed-to-load-the-app-try-reloading-it/100405 "2025-08-27T21:35:13Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fabio\_Angela](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/fabio_angela/32/61422_2.png) [@Fabio\_Angela](https://discuss.ai.google.dev/u/Fabio_Angela)\
**Post date:** [August 27, 2025, 9:35pm UTC](https://discuss.ai.google.dev/t/issues-with-imported-css-failed-to-load-the-app-try-reloading-it/100405/1 "2025-08-27T21:35:14Z")

</div>

In aistudio apps builder, whenever I try to use a package that make use of css (e.g.  
“react-image-crop”: “[https://aistudiocdn.com/react-image-crop@^11.0.10](https://aistudiocdn.com/react-image-crop@%5E11.0.10)”  
that need an  
`import 'react-image-crop/dist/ReactCrop.css';`  
the preview is broken with the error `Failed to load the app. Try reloading it.`

removing the import statement of the .css it works (but of course it doesn’t uses the css)

Also it seems there is no working support for local .css files in tsx files, can you support it please? (or give workarounds beside "include your stiles straight into your .html file or similar)

Thanks

---

<div class="post-metadata">

**Author:** ![Lalit\_Kumar](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/lalit_kumar/32/37058_2.png) [@Lalit\_Kumar](https://discuss.ai.google.dev/u/Lalit_Kumar)\
**Post date:** [September 11, 2025, 7:09am UTC](https://discuss.ai.google.dev/t/issues-with-imported-css-failed-to-load-the-app-try-reloading-it/100405/3 "2025-09-11T07:09:03Z")

</div>

Hello,

Welcome to the Forum!

If this line is generated by AI Studio, it should ideally work as expected. However, we need to analyze the issue further. Could you please share a few more details to help us understand better, for example did you manually edit the code generated by AI Studio to add this line, are you experiencing difficulties with the preview in AI studio only, and does the exported code run correctly on your local machine?

---

<div class="post-metadata">

**Author:** ![OdlsCheng](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/odlscheng/32/64183_2.png) [@OdlsCheng](https://discuss.ai.google.dev/u/OdlsCheng)\
**Post date:** [September 12, 2025, 4:01am UTC](https://discuss.ai.google.dev/t/issues-with-imported-css-failed-to-load-the-app-try-reloading-it/100405/5 "2025-09-12T04:01:57Z")

</div>

I encountered exactly the same issue.  
When starting the app, the console shows:

```auto
index.tsx:1 Failed to load resource: net::ERR_FAILED
cdn.tailwindcss.com/:64 cdn.tailwindcss.com should not be used in production. To use Tailwind CSS in production, install it as a PostCSS plugin or use the Tailwind CLI: https://tailwindcss.com/docs/installation
react@%5E19.1.1:1 Failed to load resource: net::ERR_CONNECTION_RESET
c931a752-aca6-4f3e-a7c9-c13bbf15aa8b:325 Failed to load the app. Try reloading it.

```

Originally, `index.html` contained:

```json
"imports": {
  "react/": "https://aistudiocdn.com/react@^19.1.1/",
  "react": "https://aistudiocdn.com/react@^19.1.1",
  "react-dom/": "https://aistudiocdn.com/react-dom@^19.1.1/",
  "@google/genai": "https://aistudiocdn.com/@google/genai@^1.16.0"
}

```

After changing it to:

```json
"imports": {
  "react": "https://esm.sh/react@19",
  "react-dom/": "https://esm.sh/react-dom@19/",
  "react/": "https://esm.sh/react@19/",
  "@google/genai": "https://esm.sh/@google/genai@^1.16.0"
}

```

the Preview tab started working normally.

This issue only happens in my company environment.  
The exact same app runs without problems elsewhere.

When I ping `aistudiocdn.com` I get:

```auto
Packets: Sent = 4, Received = 3, Lost = 1 (25% loss)

```

So it’s clearly unstable — but not a complete loss.  
This is weird, I guess it might be related to company firewall or proxy policies.

I didn’t investigate further, because `esm.sh` work for me.

---

<div class="post-metadata">

**Author:** ![Fabio\_Angela](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/fabio_angela/32/61422_2.png) [@Fabio\_Angela](https://discuss.ai.google.dev/u/Fabio_Angela)\
**Post date:** [September 12, 2025, 10:12am UTC](https://discuss.ai.google.dev/t/issues-with-imported-css-failed-to-load-the-app-try-reloading-it/100405/7 "2025-09-12T10:12:24Z")

</div>

My issue is 2 weeks old, I think you did something recently because I saw imported .css files within .tsx files is now working

---

<div class="post-metadata">

**Author:** ![Lalit\_Kumar](https://d1dlmcr85iqnpo.cloudfront.net/user_avatar/discuss.ai.google.dev/lalit_kumar/32/37058_2.png) [@Lalit\_Kumar](https://discuss.ai.google.dev/u/Lalit_Kumar)\
**Post date:** [September 16, 2025, 7:04am UTC](https://discuss.ai.google.dev/t/issues-with-imported-css-failed-to-load-the-app-try-reloading-it/100405/9 "2025-09-16T07:04:50Z")

</div>

Good to know that your issue has been resolved. Please feel free to reach out again if you encounter any further problems.