使用Tailwind CSS CLI搭建时遇文件不存在错误，请求技术协助

• 先确认项目根目录存在tailwind.config.js配置文件，没有的话执行：

  npx tailwindcss init
  

• 检查配置文件里的content路径是否匹配你的项目文件结构，比如你的HTML/JS文件都在src目录下，配置要写成：

  module.exports = {
    content: ["./src/**/*.{html,js}"],
    theme: {
      extend: {},
    },
    plugins: [],
  }
  

• 核对CLI命令里的输入输出路径，比如你用的是：

  npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
  

  要确保./src/input.css真实存在，没有的话手动创建这个文件，然后写入基础指令：

  @tailwind base;
  @tailwind components;
  @tailwind utilities;
  

• 确认终端当前工作目录是项目根目录，别跑到子文件夹里执行命令。不确定的话，Mac/Linux执行pwd，Windows执行cd查看，路径不对就用cd命令切换到根目录。

• 要是以上都没问题还是报错，删除node_modules文件夹和package-lock.json文件，重新执行npm install后再重试CLI命令。

内容的提问来源于stack exchange，提问作者Sukanto