# Tailwind v2 and Sage 9

**URL:** https://discourse.roots.io/t/tailwind-v2-and-sage-9/19598
**Category:** sage
**Tags:** webpack
**Created:** 2020-11-20T20:13:45Z
**Posts:** 48
**Showing post:** 19 of 48

## Post 19 by @knowler — 2020-12-09T21:14:19Z

I am unable to reproduce this using your instructions. It seems like either your Sage 9 install isn’t the latest or the Sage Installer update isn’t being brought in.

Now, I actually remembered that there are some easier directions I can give for using the update to Sage Installer:

```
$ composer create-project roots/sage my-sage-project dev-9-tailwind-2
```

This creates the Sage project called `my-sage-project` using the `9-tailwind-2` branch (which uses `roots/sage-installer` at `1.6.4`). I will see what I can do about getting this merged + tagged soon, so that you don’t need to specify the branch.

Even using this, I still did run into an error, but I was able to resolve it. The error was that Autoprefixer expects PostCSS 8 to be directly installed (`yarn add postcss --dev`), so I did that and I was able to build for development (`yarn build`) and production (`yarn build:production`) using Node 12 (Tailwind 2 requires Node 12 and greater).

**TL;DR: until I get a solution tagged for Sage 9, you can do the following:**

```
# Create a new project using the Sage 9 branch that uses Sage Installer 1.6.4
$ composer create-project roots/sage my-sage-project dev-9-tailwind-2

# Make sure you are using at least Node 12.13.0
# I use Volta for this: volta pin node@12

# Bump the PostCSS dependency to 8 (how I do it here is sloppy, but this is a temporary solution)
$ yarn add postcss --dev

# Run a build to confirm it works
$ yarn build
```

---

_[View the full topic](https://discourse.roots.io/t/tailwind-v2-and-sage-9/19598)._
