# Hugo's Tailwind starter template CSS issue

**URL:** <https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190>\
**Category:** support\
**Created:** [July 7, 2023, 6:33pm UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190 "2023-07-07T18:33:46Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Arif](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/arif/32/20931_2.png) [@Arif](https://discourse.gohugo.io/u/Arif)\
**Post date:** [July 7, 2023, 6:33pm UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190/1 "2023-07-07T18:33:46Z")

</div>

I am having some slight issues with the [starter template](https://github.com/bep/hugo-starter-tailwind-basic) configurations in my own site:

1. When using Tailwind’s `@apply` feature where the CSS does not reflect unless I run `hugo --gc` and then restart the server.
2. Where, despite live reload, sometimes the styles are cached by the browser until I hard refresh. (Should I run the command as `hugo server --noHTTPCache`?)
3. I call the `postProcess` code in a partial and it fails the build sometimes when I run `hugo server` with the error ` error calling partial: partial "assets/head.html" timed out after 30s. This is most likely due to infinite recursion. If this is just a slow template, you can try to increase the 'timeout' config setting.`

I am looking for ideas on how to solve these three issues.

---

<div class="post-metadata">

**Author:** ![Arif](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/arif/32/20931_2.png) [@Arif](https://discourse.gohugo.io/u/Arif)\
**Post date:** [July 8, 2023, 10:28am UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190/2 "2023-07-08T10:28:21Z")

</div>

> [@Arif](#):
>
> I call the `postProcess` code in a partial and it fails the build sometimes when I run `hugo server` with the error ` error calling partial: partial "assets/head.html" timed out after 30s. This is most likely due to infinite recursion. If this is just a slow template, you can try to increase the 'timeout' config setting.`

Solved this by adding `timeout="10m"` to the configuration file. Now to the other two…

---

<div class="post-metadata">

**Author:** ![Arif](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/arif/32/20931_2.png) [@Arif](https://discourse.gohugo.io/u/Arif)\
**Post date:** [July 14, 2023, 4:41pm UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190/3 "2023-07-14T16:41:31Z")

</div>

Disabling fast render solves the first issue. I am whether not sure if this is a bug? cc @jmooring @bep

---

<div class="post-metadata">

**Author:** ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)\
**Post date:** [July 17, 2023, 1:31pm UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190/4 "2023-07-17T13:31:08Z")

</div>

> [@Arif](#):
>
> Disabling fast render solves the first issue. I am whether not sure if this is a bug?

I’m pretty sure it’s a misconfiguration in your project.

And since I cannot see your site’s source, I suggest you start out fresh. I tested this OK just now:

1. Start with a fresh clone of [GitHub - bep/hugo-starter-tailwind-basic: A basic and simple to set up Hugo with TailwindCSS starter project.](https://github.com/bep/hugo-starter-tailwind-basic)
2. Run hugo server
3. Edit styles/HTML add some @apply etc. Watch the home page get resyled.

> Disabling fast render solves the first issue. I am whether not sure if this is a bug? cc @jmooring @bep

Also, for the future, unless you have something that’s only relevant for a given person, please don’t use the above constructs, it’s just annoying. I read most of the threads in here.

---

<div class="post-metadata">

**Author:** ![Arif](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/arif/32/20931_2.png) [@Arif](https://discourse.gohugo.io/u/Arif)\
**Post date:** [July 17, 2023, 2:35pm UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190/7 "2023-07-17T14:35:14Z")

</div>

I deleted the node\_modules and reinstalled afresh. Works for now. Will test more later.

---

<div class="post-metadata">

**Author:** ![bep](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/bep/32/3332_2.png) [@bep](https://discourse.gohugo.io/u/bep)\
**Post date:** [July 19, 2023, 9:04am UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190/8 "2023-07-19T09:04:35Z")

</div>

I found some (2) issues related to the case where you’re starting out with no `hugo_stats.json` which may be what you’re getting confused by:

See [Check initial server build when no hugo\_stats.json file exists · Issue #11264 · gohugoio/hugo · GitHub](https://github.com/gohugoio/hugo/issues/11264)

I’m looking at the fix as we speak.

---

<div class="post-metadata">

**Author:** ![Arif](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/arif/32/20931_2.png) [@Arif](https://discourse.gohugo.io/u/Arif)\
**Post date:** [July 19, 2023, 9:33am UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190/9 "2023-07-19T09:33:29Z")

</div>

> [@bep](#):
>
> I’m looking at the fix as we speak.

Excellent! (The issue did occur again, but let me try the new version 0.115.4 and see if it solves the issue.)

---

<div class="post-metadata">

**Author:** ![system](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/system/32/1_2.png) [@system](https://discourse.gohugo.io/u/system)\
**Post date:** [August 26, 2023, 9:10am UTC](https://discourse.gohugo.io/t/hugos-tailwind-starter-template-css-issue/45190/10 "2023-08-26T09:10:30Z")

</div>

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.