css 尾风不加载颜色

xdnvmnnf 于 2024-01-09 发布在其他

关注(0)|答案(2)|浏览(122)

简单的html：

public/index.html*：

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="styles.css">
</head>

<body class="text-red-600">
  some text
</body>

字符串
其中CSS从tailwindcss -i src/styles.css -o public/styles.css获得

src/styles.css*：

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

型

tailwind.config.js*：

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

型
<body>标记中的红色不适用。是否将默认的顺风类导入到public/styles.css中？

css

来源：https://stackoverflow.com/questions/77779203/tailwind-not-loading-colors

2条答案

按热度按时间

nfeuvbwi1#

在Tailwind配置中，public/index.html文件似乎没有被content文件globs覆盖。您必须确保使用Tailwind类的源代码文件被content文件globs覆盖，否则Tailwind不会扫描这些文件，也不会为存在的类名生成CSS规则。请考虑reading the documentation on configuring content。

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

字符串

赞(0）回复(0）举报 2024-01-09

x0fgdtte2#

你在tailwind.js.js文件中提到了**content: ["./src/**/*.{html,js}"]**。所以它将为src目录中的文件应用css，扩展名为html和js。所以html文件应该在src文件夹中。因此文件夹结构应该是src/index.html。但是如果你想应用css而不使用src文件夹，那么你必须像这样在tailwind.config.js文件中提到该路径。

content: [
    "./src/**/*.{html,js}",
    "./public/index.html",
  ]

字符串

赞(0）回复(0）举报 2024-01-09

我来回答

css 尾风不加载颜色

2条答案

相关问题

热门标签

最新问答