Solve - Cannot find module 'tailwindcss' error

avatar

Borislav Hadzhiev

Sat Mar 26 20221 min read

banner

Photo by Clay Banks

Solve - Cannot find module 'tailwindcss' error #

To solve the error "Cannot find module 'tailwindcss'", install tailwindcss, postcss and autoprefixer as dev dependencies in your project by running npm install -D tailwindcss postcss autoprefixer.

Open your terminal in your project's root directory (where your package.json file is located) and run the following command:

shell
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

This will add the tailwind package to the development dependencies of your project.

The postcss package is the easiest way to integrate tailwind with build tools like webpack, Rollup, Vite and Parcel.

If the error is not resolved, try to delete your node_modules and package-lock.json (not package.json) files, re-run npm install and restart your IDE.

shell
# 👇️ delete node_modules and package-lock.json rm -rf node_modules rm -f package-lock.json # 👇️ clean npm cache npm cache clean --force npm install
Make sure to restart your IDE and dev server if the error still persists. VSCode often glitches and a reboot solves things sometimes.

If you're still getting the "Cannot find module 'tailwindcss'" error, open your package.json file and make sure it contains the tailwindcss package in the devDependencies object.

package.json
{ "devDependencies": { "autoprefixer": "^10.4.4", "postcss": "^8.4.12", "tailwindcss": "^3.0.23", }, }

If your error is not resolved, visit the official tailwindcss installation guide and in the Framework Guides tab, click on your framework or build tool, e.g. Create React App, Vite or Angular and follow the step by step guide.

Use the search field on my Home Page to filter through my more than 1,000 articles.