TALL Tales

Issues Upgrading to Tailwind 3

09 Sep, 2021

If you're updating to Tailwind 3 then you're probably following these instructions: https://tailwindcss.com/docs/upgrade-guide#upgrade-packages

However, in doing so I came across two errors I couldn't work out how to fix.

Firstly the ERESOLVE unable to resolve dependency tree error when you run npm run dev. To fix this run this first in Terminal:

npm i acorn --dev

Then run

npm install && npm run dev

That should sort out that problem.

Secondly, after everything else was working I started to get:

TypeError: Cannot read property '500' of undefined

In order to fix this you have to go to package.json and change the devDependency for Tailwind Forms to be:

"@tailwindcss/forms": "^0.4.0",

That's it, you should be all set!

Photo by Michael Dziedzic on Unsplash