how to install tailwindcss in react js

Question

I am new for react js and tailwind components.

I successfully install react in my page. Its working fine.

But I want install tailwind css for old npm, node version like as

{ node: 'v10.15.3', npm: '7.23.0' }

I trying to create tailwind config file but i got error like below

NPM\myapp>npx tailwindcss init
(node:72880) ExperimentalWarning: The fs.promises API is experimental
C:\Users\EXQ504\NPM\myapp\node_modules\@tailwindcss\postcss7-compat\node_modules\color\index.js:257
                        lum[i] = (chan <= 0.039_28) ? chan / 12.92 : ((chan + 0.055) / 1.055) ** 2.4;
                                          ^^^^^

SyntaxError: Invalid or unexpected token
    at new Script (vm.js:80:7)
    at createScript (vm.js:274:10)
    at Object.runInThisContext (vm.js:326:10)
    at Module._compile (internal/modules/cjs/loader.js:664:28)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
    at Module.load (internal/modules/cjs/loader.js:600:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
    at Function.Module._load (internal/modules/cjs/loader.js:531:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)

I searched some long time but I didn't found good answer in my search criteria. Any one can help ... Thanks in advance.

Anand Kumar · Accepted Answer · 2021-09-14 10:30:55Z

1

Install Tailwind CSS via npm follow steps are mentioned on website website url :https://www.ordinarycoders.com/blog/article/reactjs-tailwindcss

answered Sep 14, 2021 at 10:30

Anand Kumar

112 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Balaguru Murugan Over a year ago

I have follow up that same steps, but I got error like above

cursorrux Over a year ago

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes.

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Prasanna · Accepted Answer · 2021-09-14 10:30:04Z

0

tailwind requires node 12.13+

https://tailwindcss.com/docs/installation

please upgrade your node version

answered Sep 14, 2021 at 10:30

Prasanna

11.6k2 gold badges31 silver badges43 bronze badges

2 Comments

Balaguru Murugan Over a year ago

I want to install tailwind css in node v10.15.3 version only.

Prasanna Over a year ago

I'm afraid you can't do that. bcz the document clearly mentions it should be 12.13+

MrPatel2021 · Accepted Answer · 2022-11-07 05:10:23Z

0

open cmd in your project folder and enter below command:
npm install -D tailwindcss
then, enter npx tailwindcss init command if you want to create tailwindcss config file.

for more details you can refer, https://tailwindcss.com/docs/installation

answered Nov 7, 2022 at 5:10

MrPatel2021

2211 silver badge8 bronze badges

Collectives™ on Stack Overflow

how to install tailwindcss in react js

3 Answers 3

3 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related