這是我的HTML鏈接 https://play.tailwindcss.com/fbB4GCL0ht VS代碼設置圖片 順風。配置文件 所有文件

警告-在源文件中沒有檢測到實用程序類。如果這是意外的，請仔細檢查您的Tailwind CSS配置中的內容選項。 沃恩-https://tailwindcss.com/docs/content-configuration 320毫秒內完成。

這是顯示我的vs代碼終端plz讓我知道我應該做什么。我還添加了基本組件和實用程序。

# # #這個錯誤是由于tailwind沒有在它“認為”是你的HTML代碼目錄中找到任何要掃描的類。

tailwind.config.js文件中的這一部分決定了tailwind將掃描哪些文件進行處理

content: [
    './pages/**/*.{html,js}',
    './components/**/*.{html,js}',
  ],

這糾正了我的問題。

正式文件:https://tailwindcss.com/docs/content-configuration

# # #我也面臨同樣的問題，經過一些測試，我找到了解決方案，但我不知道正確的解決方案或為什么會出現這種情況，所以如果有人有線索，請告訴我們。

content: [
    './pages/**/*.tsx',
    './components/**/*.tsx',
  ],

或者

content: [
        './pages/**/*.jsx',
        './components/**/*.jsx',
      ],

Tailwind不識別{}之間的選項，所以我只指定我工作的類型，tsx或jsx。我正走向一條錯誤的道路，所以也看看這個。

# # #盡管我在tailwind.config中添加了內容，但它仍然發出警告。

我運行命令來構建輸出:

npx tailwindcss -i ./input.css -o ./build/output.css

在命令中添加了-cli，它對我有效:

npx tailwindcss-cli -i ./input.css -o ./build/output.css

# # #我也有這個問題，但我可能已經解決了。我的tailwind.config.js文件中的內容最初是這樣的:

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

我注意到我的App.js文件實際上是App.jsx，所以我只在那一行插入了一個字母“x ”:

content: ["./src/**/*.{html,jsx}"]

似乎奏效了。

# # #您的tailwind.config.js文件找不到您的index.html。

在順風配置文件中，將您的文件路徑添加到內容數組中。/index.html '，

您必須將文件路徑定義為如下所示的內容

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

  '*.{html,js}'], //like this

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

順便說一下，如果您有不同的文件擴展名，如。ts，。jsx等。您必須在內容中定義文件擴展名:

工作:

# # #確保在內容中，字符串不包含空格:{。js，。jsx}而不是{。js，。jsx}。

# # #最初我用得很好，但當我建立一個新項目時，我發現它不再工作了。我嘗試了很多解決方法，試圖檢查我做錯了什么，但最后，我發現這只是一個路徑的問題。 所以我的意思是，你需要檢查路徑，& quot。/pages/......"或者& quot。/src/pages/......."

# # #我得到了同樣的錯誤。但是當我開始向組件添加tailwind類并重啟服務器時，它就不見了。

我想這可能是因為在它掃描的任何文件中都沒有找到類名。

# # #除了這些解決方案，如果您更改了配置文件中的前綴值，也會發生這種情況。

# # #當我去掉花括號前的點時，它工作了，就像 內容:

確保您的順風配置文件不包含重復的屬性。在我的例子中，內容屬性重復了兩次。移除其中一個后，它就像預期的那樣工作了。

# # #從2.2升級到3.1.x時遇到此問題，并且沒有完成所有升級步驟。

具體來說，我添加了內容條目，但沒有刪除清除條目

module.exports = {
  purge: [],
  content: ['./src/**/*.{js,jsx,ts,tsx}']

在我刪除了清除行之后，util類就包含在其中了。

module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}']

# # #遇到同樣的問題，請檢查tailwind.config.js中模板的路徑

路徑可能以如下開頭..而不是。

content: [
'../src/app/app.component.html'
]

代替

content: [
'./src/app/app.component.html'
]

這是我的問題。

# # #這就是我的情況。我不得不在tailwind.config.js文件中使用path來使它工作。

const { join } = require('path');

module.exports = {
  content: [join(__dirname, 'src/**/*.{js,ts,jsx,tsx}')],
  theme: {
    extend: {},
  },
  plugins: [],
};

# # #對于任何使用順風與下一個js和順風css的人。將此添加到您的內容值中:

content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],

立正！！！！！！！！！！！！！！！！！ 即使您更正了內容路徑，警告仍然存在，

你需要添加至少一個順風css類到你在內容中提到的一個路徑中，只要在你的項目中使用一個順風CSS，警告就會消失。:)

# # #我不得不刪除我的package-lock.json并用npm install重新創建。

我已經嘗試了所有的方法，但是這個成功了。

# # #一些框架將它們的主HTML入口點隱藏在與其他模板不同的位置(通常是public/index.html ),因此如果您要向該文件添加Tailwind類，請確保它也包含在您的配置中:

如果可以的話，不要忘記你的HTML入口點

tailwind.config.js

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

# # #我也有同樣的錯誤。看看這個配置文件。

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./Components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

確保在根文件夾中創建組件文件夾。所以在你的taiwind.config.js里面應該是組件。