我正在开发一个使用VITE创建的Reaction应用程序.我正在try 使用tailwind ,并遵循tailwind 的官方文档中提到的步骤. 但是我的css没有被apply. 我正在使用react 与打字(多伦多证券交易所).谁能看一下我的代码片段,给我提个建议,我的配置中可能遗漏了什么?

这是我正在使用的包的列表.

"autoprefixer": "^10.4.16",
"tailwindcss": "^3.3.6"
"postcss": "^8.4.32",
"react": "^18.2.0",
"ts-node": "^10.9.1",
"typescript": "^5.3.2",
"vite": "^5.0.0"

这是我的trawind.config.js

/** @type {import('tailwindcss').Config} */
    export default {
      content: [
         "./index.html",
         "./src/**/*.{js,ts,jsx,tsx}",
      ],
      theme: {
      extend: {},
    },
    plugins: [],
  }

和我的postcss.config.js

export const plugins = {
  tailwindcss: {},
  autoprefixer: {},
};

我已经在我的index.css中包含了tailwind ,如下所示:

  /* ./src/index.css */
  @tailwind base;
  @tailwind components;
  @tailwind utilities;

但当我运行我的应用程序时,我无法获得任何应用程序的css.即在下面的H1标签中.

<h1 className="text-3xl font-bold underline">
    Hello world...!
</h1>

我将非常感谢您的帮助和建议.

推荐答案

postcss.config.js

export default {
plugins: {
  tailwindcss: {},
  autoprefixer: {},
}
}

Typescript相关问答推荐

将对象属性路径描述为字符串数组的类型

React-Native运行方法通过监听另一个状态来更新一个状态

在这种情况下,如何获得类型安全函数的返回值?

typescribe不能使用值来索引对象类型,该对象类型满足具有该值的另一个类型'

具有继承的基于类的react 组件:呈现不能分配给基类型中的相同属性

如何在单击停止录制按钮后停用摄像机?(使用React.js和Reaction-Media-Recorder)

诡异的文字类型--S为物语的关键

类型TTextKey不能用于索引类型 ;TOption

如何将定义模型(在Vue 3.4中)用于输入以外的其他用途

在排版修饰器中推断方法响应类型

如何在方法中正确地传递来自TypeScrip对象的字段子集?

扩展对象的此内容(&Q;)

从以下内容之一提取属性类型

基于区分的联合键的回调参数缩小

打字:注解`是字符串`而不是`布尔`?

typescript如何从映射类型推断

可以';t使用t正确地索引对象;联合;索引类型

Typescript 从泛型推断类型

如何将 MUI 主题对象的自定义属性与情感样式组件中的自定义props 一起使用?

如何在Typescript 中定义具有相同类型的两个泛型类型的两个字段?