score:0
you have to include the files, in which you want to work with tailwind css in your tailwind.config.js file. you can replace:
content: [],
with
content: ["*"],
it will include all files in your project. save it and now the tailwind css intellisense will popup the suggestions.
score:1
you should configure the tailwindcss.includelanguages
settings in your vscode settings as explayned here:
https://marketplace.visualstudio.com/items?itemname=bradlc.vscode-tailwindcss
score:1
both combined worked for me.
"tailwindcss.includelanguages": {
"javascript": "javascript",
"html": "html"
},
and
try to delete the "tailwind.config.js" and create it back again with
npx tailwindcss init
score:2
try to delete the "tailwind.config.js" and create it back again with
npx tailwindcss init
and it should start working.
score:5
add this at the end of your setting.json file in order to get intellisense on both html and js file
"tailwindcss.includelanguages": {
"javascript": "javascript",
"html": "html"
},
score:8
i faced this issue even after configuring tailwindcss.includelanguages
settings.
so make sure you configure the below settings as well to allow suggestions inside a string.
"editor.quicksuggestions": {
"strings": true
}
score:13
edit your settings.json
as below:
{
// other settings
"tailwindcss.includelanguages": {
"javascript": "javascript",
"html": "html"
},
"editor.quicksuggestions": {
"strings": true
}
}
score:14
here's how to get tailwind intellisense to work with react files
- go to tailwind css settings and add javascript support
"tailwindcss.includelanguages": { "plaintext": "javascript" }
- reload vscode
if this doesn't fix things, try using ctrl + space
before adding a class name.
Source: stackoverflow.com
Related Query
- Tailwind CSS IntelliSense does not provide suggestions in a ReactJS project?
- tailwind css does not apply dark mode on react project
- CSS Modules + Ant design in ReactJs does not work
- Tailwind CSS custom color applying to text but not background in ReactJS
- CSS in reactJS application does not apply text color
- Tailwind CSS does not work with React App
- Carousel (pure CSS and npms) does not display well in ReactJS
- CSS for ReactJS - Referencing a div works fine, referencing a className does not
- Why does only the first CSS class of my project working and not the rest
- React css transition does not work correctly
- Babel Preset does not provide support on IE11 for Object.assign - "Object doesn't support property or method 'assign'"
- Next.js - import css file does not work
- In ReactJS trying to get params but I get property 'id' does not exist on type '{}'
- ReactJS TS, Property 'match' does not exist on type 'Readonly<{children?:ReactNode}> & Readonly<MyProps>'
- reactjs - Formik form does not fire submit on return key press
- Why getDerivedStateFromProps does not allow to re-render with the state update? Not a problem for componentWillReceiveProps - ReactJS
- Why does hot reloading not work for reactjs visual studio 2019 template
- Redux - ReactJS app does not rerender (although JSON.parse for new object)
- CSS class selector styles not being applied in React Project
- react-router withRouter does not provide props in mapStateToProps?
- Canvas element does not resize when using ReactJS and PaperJS together
- reactjs - Refused to apply style from css because its mime type ('text/html') is not supported
- Tailwind css classes not showing in Storybook build
- JSDoc does not work in local package in a Lerna monorepo project using webpack dev server but works when released to package registry
- ReactJS CSS Class not working
- Typescript + Reactjs - Imported svg does not render
- reactjs try catch in render does not catch children errors
- Font-Awesome icon does not show in my ReactJS website
- particles.js not showing up in reactjs project
- ValidationError: Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema
More Query from same tag
- How to update an object element in array with specific index, React State
- pass ref to a class component with React.cloneElement and render prop
- Render Variable Styled Component From Context
- Why react-flatpickr does not render?
- React-query useQuery, GraphQL + fetch. How to pass variables?
- Menu Flyout - Unexpected constant condition
- testRegex mask picks wrong files to run tests
- How to get data from different collections in firebase from react?
- How would I "Map" through Nested Json
- React-Admin: <MenuItemLink> always appears as `active`
- How to use "webpack.DefinePlugin" with React Gatsby and React-Bodymoving?
- (React) How to put focus on first element when component updates?
- Why do people put { " " } in their React / JSX?
- Sulu CMF - Filtered Single autocomplete selection for associated entity
- React component failed to render without any error or warning
- React Context changes not showing
- Why does this not print anything on website React.js?
- 'react-bootstrap' does not contain an export named 'Card'
- Axios cancel token not working. How can i fix it?
- How to scroll to an element using React after an event?
- CK Editor (Version 5) paste screenshot not working for react js
- React JS shortern attributes
- how to handle the import hell in react?
- How to clear your store
- React npm package: Do I need a different webpack config to be ssr safe?
- how can I send props to other file?
- Fixing the problem with a unique keys prop
- React.js select lists are not holding the selected option
- How can i pass the input text to the filter component in my React application
- Material UI Popover - keydown event simulation issue