小编mj *_*umi的帖子

Tailwind 默认颜色类不起作用

我正在使用Tailwind CSS Framework构建React应用程序。我已使用NPM按以下方式在我的 React 应用程序中安装 tailwind:

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
Run Code Online (Sandbox Code Playgroud)

然后我还按以下方式编辑了tailwind.config.js文件:

module.exports = {

  content: [
  "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
Run Code Online (Sandbox Code Playgroud)

并按以下方式更新了我的index.css文件:

@tailwind base;
@tailwind components;
@tailwind utilities;
Run Code Online (Sandbox Code Playgroud)

然后我尝试按以下方式使用 tailwind CSS 提供的默认颜色类:

<h1 className='text-white'>...</h1>
Run Code Online (Sandbox Code Playgroud)

或者

<div className='bg-white'>
    ...
</div>
Run Code Online (Sandbox Code Playgroud)

但是使用这个类并不会改变文本的颜色或div的背景。请告诉我如何解决这个问题?提前致谢。

对于您的信息,我可以通过按以下方式将自定义颜色类编写在tailwind.config.js中来使用它们:

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    colors: {
      'custom-base-red': '#ff2f23',
      'custom-light-red': '#fb4a40',
      'custom-white': '#fefcfb', …
Run Code Online (Sandbox Code Playgroud)

javascript npm reactjs npm-install tailwind-css

5
推荐指数
1
解决办法
3225
查看次数

标签 统计

javascript ×1

npm ×1

npm-install ×1

reactjs ×1

tailwind-css ×1