Tailwindcss 3 不在 Windows 10 上初始化

Posted

技术标签:

【中文标题】Tailwindcss 3 不在 Windows 10 上初始化【英文标题】:Tailwindcss 3 do not init on Windows 10 【发布时间】:2022-01-18 16:08:44 【问题描述】:

这是我的历史:

在家里安装了 tailwindcss,它可以正常工作(我的电脑有 Ubuntu Linux)。

在工作中,我使用的是 Windows 10,但它根本无法正常工作。我很想用 tailwindcss 开始一个新项目!

这是我遇到的错误(我运行npx tailwindcss init):

PS C:\Bitnami\wampstack-7.4.22-0\apache2\htdocs\b&t-cambio\wp-content\themes\btcambio> npx tailwindcss init
't-cambio\wp-content\themes\btcambio\node_modules\.bin\' it is not recognized as an internal or external command, operable program, or batch file. 
node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'C:\Bitnami\wampstack-7.4.22-0\apache2\htdocs\tailwindcss\lib\cli.js'
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:17:47 
  code: 'MODULE_NOT_FOUND',
  requireStack: []

我已验证 NPM 是否在我的 PATH 中,并且确实如此。我之前用过 npm 十几次,都没有报错。

我的 npm、npx 和 node 版本是:

$ npm --version && npx --version && node --version
8.3.0
8.3.0
v16.13.1

我已经解决了所有与顺风问题相关的 *** 问题,也浏览了很多论坛,但都没有成功。

这里有人知道发生了什么吗?

现在我只想使用纯 CSS 和 tailwindcss,没有预处理器...

【问题讨论】:

【参考方案1】:

天哪!大约损失了 10 个小时。我在这个问题中找到了一个解决方案:Cannot find module 'autoprefixer' when running npx tailwindcss init -p command

该错误与tailwind\lib\cli有关,因此解决方案是运行npx tailwindcss-cli@latest init -p

在第一次运行时,它会询问您是否要安装该软件包。之后,它就可以工作了!

docs(第 4 步)启动 Tailwind CLI 构建过程有相同的命令问题...所以命令是 tailwindcss,使用 tailwindcss-cli@latest 然后事情运行顺利。

【讨论】:

以上是关于Tailwindcss 3 不在 Windows 10 上初始化的主要内容,如果未能解决你的问题,请参考以下文章

TailwindCSS 3 + Symfony / webpack Encore 没有样式?

tailwindcss 3 没有在反应中加载 css

TailwindCss:本地字体未显示(在 Vue 3 中)

Tailwind 不在生产版本中应用自定义字体系列

Laravel TailwindCSS 添加更多颜色不起作用

Protobuf 3.0.0-alpha-1 不在 Windows 上编译