找不到模块“tailwindcss”错误 [已解决]

作者

找不到模块 ‘tailwindcss’ 错误[已解决]

Cannot find module ‘tailwindcss’ error

要解决错误“找不到模块‘tailwindcss’”，请通过运行在您的项目中安装和作为开发
tailwindcss依赖
postcss项。autoprefixernpm install -D tailwindcss postcss autoprefixer

在项目的根目录（文件所在的位置）中打开终端package.json
并运行以下命令：

壳
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest

这会将tailwind包添加到项目的开发依赖项中。

该postcss软件包是将 tailwind 与 Webpack、Rollup、Vite 和 Parcel 等构建工具集成的最简单方法。

删除您的 node_modules 并重新安装您的依赖项

如果错误仍然存​​在，请尝试删除您的node_modules和package-lock.json
（不是package.json）文件，重新运行npm install并重新启动您的 IDE。

bash如果您使用的是 macOS 或 Linux，请在或中发出以下命令zsh。

壳
#  for macOS and Linux
rm -rf node_modules
rm -f package-lock.json
rm -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

如果您使用的是 Windows，请在 CMD 中发出以下命令。

命令
# for Windows
rd /s /q "node_modules"
del package-lock.json
del -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install
如果错误仍然存​​在，请确保重新启动 IDE 和开发服务器。VSCode 经常出现故障并需要重启。

确保包在你的 devDependencies 对象中

如果错误仍然存​​在，请打开您的package.json文件并确保它包含对象tailwindcss中的包devDependencies。

包.json
{
  "devDependencies": {
    "autoprefixer": "^10.4.4",
    "postcss": "^8.4.12",
    "tailwindcss": "^3.0.23",
  },
}

如果您的错误未解决，请访问官方的
tailwindcss 安装指南，
并在Framework Guides选项卡中单击您的框架或构建工具，例如 Create React App、Vite 或 Angular，然后按照分步指南进行操作。