I followed this instruction to configure react with tailwind css tailwind docs
<code>Node.js v22.1.0
PS D:vscodemy-project> npx tailwindcss -i ./src/input.css -o ./src/output.css --watch
Specified input file ./src/input.css does not exist.
</code>
<code>Node.js v22.1.0
PS D:vscodemy-project> npx tailwindcss -i ./src/input.css -o ./src/output.css --watch
Specified input file ./src/input.css does not exist.
</code>
Node.js v22.1.0
PS D:vscodemy-project> npx tailwindcss -i ./src/input.css -o ./src/output.css --watch
Specified input file ./src/input.css does not exist.
I have been trying to configure my first React app with Tailwind and I keep getting this error from this point.
1
You can try these steps.
1. Instal Tailwind + autoprefix + postcss:
autoprefix and postcss are some additional tools you may find useful.
<code>npm install tailwindcss postcss autoprefixer
</code>
<code>npm install tailwindcss postcss autoprefixer
</code>
npm install tailwindcss postcss autoprefixer
2. Generate Tailwind config files: This will create two files in your project, tailwind.config.js and postcss.config.js.
<code>npx tailwindcss init -p
</code>
<code>npx tailwindcss init -p
</code>
npx tailwindcss init -p
3. Configure Tailwind : paste this in tailwind.config.js.
<code>module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {},
},
plugins: [],
};
</code>
<code>module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {},
},
plugins: [],
};
</code>
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {},
},
plugins: [],
};
4. Add Tailwind to Your CSS: open your global css file, src/index.css (assuming default react app) and add these directives to the top of the file.
<code>@tailwind base;
@tailwind components;
@tailwind utilities;
/*the rest of your css*/
</code>
<code>@tailwind base;
@tailwind components;
@tailwind utilities;
/*the rest of your css*/
</code>
@tailwind base;
@tailwind components;
@tailwind utilities;
/*the rest of your css*/
Then restart your app and you should be good to go. Hope this helps.