如何在react js中安装tailwindcss



我是react js和顺风组件的新手。

我成功地在我的页面中安装了react。

但是我想为旧的npm安装顺风css,节点版本像

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

我试图创建顺风配置文件,但我得到如下错误

NPMmyapp>npx tailwindcss init
(node:72880) ExperimentalWarning: The fs.promises API is experimental
C:UsersEXQ504NPMmyappnode_modules@tailwindcsspostcss7-compatnode_modulescolorindex.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)

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

通过npm安装顺风CSS遵循网站上提到的步骤网站网址:https://www.ordinarycoders.com/blog/article/reactjs-tailwindcss

顺风需要节点12.13+

https://tailwindcss.com/docs/installation

请升级节点版本

在项目文件夹中打开cmd并输入以下命令:
npm install -D tailwindcss
然后,如果要创建tailwindcssconfig文件,则输入npx tailwindcss init命令。

更多细节请参考https://tailwindcss.com/docs/installation

最新更新