No utility classes were detected in your source files. If this is unexpected, double-check the `con，

Ccyu86

已于 2023-04-13 11:19:18 修改

阅读量3.5k

点赞数 6

分类专栏： vue3+vite+ts 文章标签：前端 html javascript

于 2023-04-13 11:15:50 首次发布

本文链接：https://blog.csdn.net/ccyu86/article/details/130125700

版权

vue3+vite+ts 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

作者在使用Vue3、Vite和TypeScript搭建项目，并集成顺风CSS（TailwindCSS）时遇到了配置警告，顺风CSS未能生效。问题源于TailwindCSS没有找到源文件中的实用程序类。通过检查官方文档和错误提示，作者发现需在tailwind.config.js中添加Vue文件路径，最终解决了问题。

摘要由CSDN通过智能技术生成

我用vue3+vite+ts，插件用顺风css，跟着官网配置

结果报警告，顺风css也不生效，下面可以看看也可以不看，直接看解决方案吧

No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.

找了好久，在这个网站vue.js 顺风CSS警告：在源文件中未检测到实用程序类 _NULL123

还有这个

然后有了灵感，他说找不到文件，但我根据./public/index.html找了这个html文件，发现没有

哈哈哈哈哈哈笑死我自己了，昨天明明根据配置有效果的，今天一启动不生效

解决：

他不是说找不到应用的文件吗，最后在 tailwind.config.js 添加了vue文件，就生效了

在GitHub游走40多分钟，真浪费时间，笑哭自己了

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx,vue}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}