Tailwind CSS IntelliSense在ReactJS项目中不提供建议?

Tailwind CSS IntelliSense在ReactJS项目中不提供建议?,reactjs,visual-studio-code,tailwind-css,Reactjs,Visual Studio Code,Tailwind Css,我使用createreactproject命令创建了一个ReactJS项目。我npm安装了tailwindcss并创建了tailwind.config.js文件 现在为了让我的生活更轻松,我还安装了一个名为Tailwind CSS IntelliSense的扩展,并重新加载了VSCode。该扩展在我的JavaScript文件中仍然没有给出建议 起初,我认为这可能是因为它仅适用于html扩展,或者reactjs文件使用className添加CSS类,因为保留了class关键字。所以,我尝试编辑in

我使用createreactproject命令创建了一个ReactJS项目。我npm安装了tailwindcss并创建了tailwind.config.js文件

现在为了让我的生活更轻松,我还安装了一个名为Tailwind CSS IntelliSense的扩展,并重新加载了VSCode。该扩展在我的JavaScript文件中仍然没有给出建议

起初,我认为这可能是因为它仅适用于html扩展,或者reactjs文件使用className添加CSS类,因为保留了class关键字。所以,我尝试编辑index.html文件,但也没有在html文件中编辑建议

请告诉我还可以试用什么?

您应该在vscode设置中配置tailwindCSS.includeLanguages设置,如下所述:

您应该在vscode设置中配置tailwindCSS.includeLanguages设置,如下所述:

以下是如何让Tailwind Intellisense使用React文件

转到tailwindCSS设置并添加Javascript支持tailwindCSS.includeLanguages:{plaintext:Javascript} 重新加载vscode 如果这不能解决问题,请在添加类名之前尝试使用ctrl+space

以下是如何让Tailwind Intellisense使用React文件

转到tailwindCSS设置并添加Javascript支持tailwindCSS.includeLanguages:{plaintext:Javascript} 重新加载vscode 如果这不能解决问题,请在添加类名之前尝试使用ctrl+space


在setting.json文件的末尾添加此项,以便在HTML和js文件上都获得IntelliSense

"tailwindCSS.includeLanguages": {
    "javascript": "javascript",
    "html": "HTML"
  },

在setting.json文件的末尾添加此项,以便在HTML和js文件上都获得IntelliSense

"tailwindCSS.includeLanguages": {
    "javascript": "javascript",
    "html": "HTML"
  },

尝试删除tailwind.config.js并使用

npx tailwindcss init

它应该开始工作。

尝试删除tailwind.config.js并使用

npx tailwindcss init

它应该开始工作。

我有同样的问题,你是如何解决的?我有同样的问题,你是如何解决的?谢谢,它成功了!谢谢,成功了!