如何在 react js 中安装 tailwindcss

Question

我是 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)

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

Answer 1

tailwind 需要节点 12.13+

https://tailwindcss.com/docs/installation

请升级您的节点版本

Answer 2

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

如何在 react js 中安装 tailwindcss

how to install tailwindcss in react js

jquery

reactjs

tailwind-css