gpt4 book ai didi

tailwind-css - 在您的源文件中未检测到实用程序类,仔细检查 `content`

转载 作者:行者123 更新时间:2023-12-05 04:28:04 26 4
gpt4 key购买 nike

我正在尝试设置 tailwind 3,但我收到了下一个警告。

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

这是我的项目结构

-public : index.html , output.css (这个css文件是在我运行这条命令行后生成的

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

-src : 输入.css

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{html,js}"],

theme: {
extend: {},
},
plugins: [],
}

最佳答案

根据您的代码,您的 html 文件位于 src 文件夹(和子文件夹)中

  • 将您的 html 文件放在 public 文件夹中,并将其正确链接到 output.css
  • 然后运行npx tailwindcss -i ./src/input.css -o ./public/output.css --watch

You can also clone the Tailwind boilerplate I made using

git clone https://github.com/abrahamebij/tailwind-boilerplate

Then npm install and npm run css

关于tailwind-css - 在您的源文件中未检测到实用程序类,仔细检查 `content`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72680086/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com