reactjs - 为什么它说 `hover:` 类不存在。如果 `hover:` 是自定义类，请确保它在 `@layer` 指令中定义？

Question

我是前端开发新手，我尝试构建新的 react-tailwindcss 项目。我的项目抛出错误，如“hover: 类不存在。如果hover: 是自定义类，请确保它是在@layer 指令中定义的。”，知道吗？
global.css:

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


@layer components {
.icon{
    @apply hidden xl:inline-flex p-2 h-10 w-10 bg-gray-200 rounded-full text-gray-700 
cursor-pointer hover: bg-gray-300; 
}

.inputIcon{
    @apply  flex items-center space-x-1 hover: bg-gray-100
    flex-grow justify-center p-2 rounded-xl cursor-pointer ;
}
}

Answer 1

悬停后删除空格:

hover:bg-gray-300

提示:我在 Visual Studio 代码中没有格式保存时遇到了同样的问题 ctrl + k then ctrl + shift + s