如何在 react js 中安装 tailwindcss答案

【问题标题】：how to install tailwindcss in react js如何在 react js 中安装 tailwindcss
【发布时间】：2021-11-09 12:52:50
【问题描述】：

我是 react js 和 tailwind 组件的新手。

我在我的页面中成功安装了 react。它工作正常。

但我想为旧的 npm 安装 tailwind css，节点版本如 as

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

我尝试创建 tailwind 配置文件，但出现如下错误

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)

我搜索了很长时间，但在我的搜索条件中没有找到好的答案。任何人都可以提供帮助...提前致谢。

【问题讨论】：

标签： jquery reactjs tailwind-css

【解决方案1】：

通过 npm 安装 Tailwind CSS 按照网站上提到的步骤网址：https://www.ordinarycoders.com/blog/article/reactjs-tailwindcss

【讨论】：

我已经按照相同的步骤进行操作，但出现了上述错误
虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。
您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

顺风需要节点 12.13+

https://tailwindcss.com/docs/installation

请升级您的节点版本

【讨论】：

我只想在 node v10.15.3 版本中安装tailwind css。
恐怕你做不到。 bcz 文档清楚地提到它应该是 12.13+