Check the worksSettings.json file
Step 1: Go to the code editor setting and open the command palette.
Step 2: Search for the setting.json file and open a file for workspace preference.
Step 3: Paste the below code into the setting.json file.
{
"tailwindCSS.includeLanguages": {
"javascript": "javascript",
"html": "HTML"
},
"editor.quickSuggestions": {
"strings": true
}
}
Using the above steps Tailwind CSS IntelliSense extension now works properly,
Example:
IntelliSense provides Suggestions
How to Fix Tailwind CSS IntelliSense not Providing Suggestions in ReactJS Project ?
The problem arises when using Tailwind CSS IntelliSense in a ReactJS project. The IntelliSense feature, which should provide auto-completions for Tailwind CSS class names, does not seem to function as expected. This makes it challenging for developers to efficiently utilize Tailwind CSS classes.
Tailwind CSS IntelliSense is an extension specifically designed to enhance the development experience when working with Tailwind CSS. Developers should receive real-time suggestions and completions for class names, making the process of building UI components faster and less error-prone. However, in ReactJS projects, this feature may not work correctly, causing the loss of valuable productivity and convenience.
Example:
IntelliSense does not provide suggestions