Last updated: Mar 6, 2024
Reading timeยท2 min
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:
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
This will add the tailwind
package to the development dependencies of your
project.
postcss
package is the easiest way to integrate tailwind
with build tools like Webpack, Rollup, Vite and Parcel.If the error persists, try to delete your node_modules
and package-lock.json
(not package.json
) files, re-run npm install
and restart your IDE.
If you are on macOS or Linux, issue the following commands in bash
or zsh
.
# for macOS and Linux rm -rf node_modules rm -f package-lock.json rm -f yarn.lock # ๐๏ธ clean npm cache npm cache clean --force # ๐๏ธ install packages npm install
If you are on Windows, issue the following commands in CMD.
# for Windows rd /s /q "node_modules" del package-lock.json del -f yarn.lock # ๐๏ธ clean npm cache npm cache clean --force # ๐๏ธ install packages npm install
If the error persists, open your package.json
file and make sure it contains
the tailwindcss
package in the devDependencies
object.
{ "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.