错误：ENOENT：没有那个文件或目录，打开\'C:\\Users\\用户名\\Desktop\\vue-tailwind-naive\\tailwind.config.js\'答案

【问题标题】：Error: ENOENT: no such file or directory, open 'C:\Users\username\Desktop\vue-tailwind-naive\tailwind.config.js'错误：ENOENT：没有那个文件或目录，打开\'C:\\Users\\用户名\\Desktop\\vue-tailwind-naive\\tailwind.config.js\'
【发布时间】：2022-12-29 22:21:39
【问题描述】：

所以我一直在尝试在 Vue 项目中安装 tailwind。

我使用以下方法初始化了 vue 项目： vue create project-name。

然后我使用以下命令将 tailwind 添加为插件： vue add tailwind 然后选择最小的选项。我怀疑插件安装正确但我仍然收到以下错误：

在 package.json 中可以看到 tailwind & autoprefixer 已经正确安装。另外 postcss.config.js 和 vue.config.js 文件已成功且正确地添加。

但是当我运行为页面提供服务时，出现此错误：

我不知道这里出了什么问题。请帮忙。

【问题讨论】：

标签： vue.js vuejs3 tailwind-css

【解决方案1】：

尝试删除 postcss.config.js 然后在项目根目录运行以下命令：

 npx tailwindcss init -p

此命令将创建postcss.config.js 和tailwind.config.js 文件。

【讨论】：

嘿，这奏效了。你能告诉我发生这件事的背后原因吗？
您缺少 tailwind.config.js 文件
但是vue add tailwind不应该默认加上吗？无论如何谢谢你:-)
不客气，我认为这是 vue cli 中的一个问题，我已经有一段时间没有使用它了，我更喜欢 vite
任何有同样问题的人，在输入命令后：npx tailwindcss init -p，它会创建一个基本上是空的 tailwind.config.js，.i.e.这些字段都没有任何价值。您必须将以下内容添加到内容tailwind 字段正确应用于具有这些扩展名的页面：purge: { content: ['./public/**/*.html', './src/**/*.vue'] }, 如果在 vue 中没有上述内容，tailwind 将无法正确应用。清除已弃用，如果您遇到任何问题，请消除清除及其大括号，只保留内容及其属性。

【解决方案2】：

就我而言，我在 postcss.config.cjs 插件中将 ("./tailwind.config.js") 更改为 ("./tailwind.config.cjs")

【讨论】：