没有出现顺风挠曲类

Question

我在试着设置顺风。当我使用flex的类名时，我希望flex属性会显示在元素样式中。所有其他元素样式都会出现，但与flex相关的元素不会出现。这是一个新的react应用程序。为什么会发生这种情况？我在npx中使用顺风cli设置顺风。

<div className="flex flex-row justify-between mx-auto bg-gray-200 shadow border p-8 m-10">
   <h1> Trending </h1>
   <h1> My Faves </h1>
</div>

我的index.css文件有

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

​

​

挠曲不是顺风什么的吗？

Answer 1

我已经使用了您的代码，并且我没有在其中看到错误：

我的pakage.js文件：

{
  "name": "option-1",
  "version": "0.1.0",
  },
  "dependencies": {
    "autoprefixer": "^9.6.5",
    "react": "16.10.2",
    "react-dom": "16.10.2",
    "tailwindcss": "3.0.24"
  }
}

我的taidwind.css文件：

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

.scrollbar-none {
  scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}

我的index.js文件：

const Index = () => (
  <div className="flex flex-row justify-between mx-auto bg-gray-200 shadow border p-8 m-10">
    <h1> Trending </h1>
    <h1> My Faves </h1>
  </div>
);

export default Index;

​

​

Answer 2

您可以用以下文件替换css文件：顺风css代码框文件

我也遇到了同样的问题。并不是所有的类都自动进入css文件。我试图通过重新安装来解决问题，但没有成功。