在react中使用TailwindCSS会扰乱样式组件
在React中使用TailwindCSS可能会扰乱样式组件的原因是，TailwindCSS是一个功能强大的CSS框架，它通过提供大量的CSS类来快速构建样式。然而，由于React使用组件化的开发方式，而非直接操作DOM元素的方式，使用TailwindCSS可能会破坏React组件的封装性和可重用性。
具体来说，以下是在React中使用TailwindCSS可能引起问题的几个方面：
- 样式冲突：React组件通常会定义自己的样式，但TailwindCSS提供的类名可能会与组件的样式类名冲突，导致样式混乱。
- 样式丢失：使用TailwindCSS的类名可能会覆盖React组件中定义的样式，导致组件原本设计的样式无效或丢失。
- 复用困难：React组件的设计目标是可重用和独立的，但使用TailwindCSS的类名会与组件的实现细节紧密耦合在一起，导致组件的复用性下降。
为解决以上问题，可以采取以下方法：
- 限制使用：在React中使用TailwindCSS时，可以限制只在根组件或特定组件中使用，而不是在所有组件中引入。这样可以减少样式冲突和样式丢失的可能性。
- 自定义样式：为了避免样式冲突，可以在React组件中使用内联样式或CSS模块化来定义组件的样式，避免直接使用TailwindCSS提供的类名。
- 封装样式组件：可以创建自定义的样式组件，将组件和样式封装在一起。这样可以保证样式的独立性，并提供给其他组件进行复用。
总结起来，尽管TailwindCSS是一个功能强大的CSS框架，但在React中使用时需要谨慎处理，以避免扰乱样式组件。保持组件的封装性和可重用性是React开发的重要原则，因此在选择使用CSS框架时，需考虑与React开发模式的兼容性。
相关·内容
这个问题已经有一个星期了，还没有找到解决办法，但我想出了一些办法来缩小问题的范围。我试图在我的Next.js应用程序中运行纱线构建，但是它失败了，我将在下面发布一个错误。
程序应用程序在yarn dev中编译得很好，所有样式都可以工作。我使用了TW文档中的标准设置。
不良的风格名称会导致建筑错误吗？例如，className="BadStyleName h-10 w-10"
错误：
info - Creating an optimized production build
Failed to compile.
HookWebpackError: C:\Users\proj
浏览 21提问于2021-12-23得票数 10
3回答
我正在尝试使用ReactJS和TailwindCSS创建一个设计系统。
我创建了一个具有基本样式的默认Button组件，如下所示：
import React from "react";
import classNames from "classnames";
const Button = React.forwardRef(
({ children, className = "", onClick }, ref) => {
const buttonClasses = classNames(
className,
浏览 8提问于2021-03-10得票数 8
回答已采纳
我的问题很简单地解释了。我作为前端开发人员处理一个项目，并使用带有样式组件的react来做到这一点。我的同事使用TailwindCSS。现在我试图合并在一起，但似乎每当我激活Tailwind和我拼贴的组件时，它都会稍微弄乱我的样式组件，使它们看起来有点不对劲，即使他没有处理这些文件，也从未在其中做过任何Tailwindy。有没有什么是我错过的或者应该去寻找的？ 提前谢谢你。
浏览 59提问于2021-08-15得票数 0
回答已采纳
2回答
我想将样式应用于Formik的react标记。我该怎么做呢？
<ErrorMessage name="email"></ErrorMessage>
我尝试使用component={自定义}，但不起作用。
我使用Tailwindcss。
如果你想帮我的话谢谢。
浏览 20提问于2019-11-20得票数 2
回答已采纳
我在一个React项目中使用TailwindCSS。我可以通过在className属性中传递TailwindCSS实用程序类来设置普通HTML元素的样式，但是当我在组件className属性中传递实用程序类时，这不起作用，如下所示： <Dropdown className="hidden sm:block sm:ml-6"/> Dropdown是导入到另一个组件中的React组件。 我该怎么做呢？
浏览 13提问于2020-04-27得票数 0
回答已采纳
3回答
我一直在尝试将尾风集成到我的反应性本地博览项目中，当我在App.js中应用顺风App.js时，它运行得很好，但当我向它添加了react导航并尝试使用Homscreen.js组件中的样式时，样式就没有显示，什么也没有发生。只是裸露的短信而已。
这是我的tailwindcss.config.js文件
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./App.{js,jsx,ts,tsx}",
"./<custom d
浏览 40提问于2022-10-02得票数 2
我是个新手，我想知道为什么我的自定义实用程序没有被应用。 // tailwindcss.config.js
const plugin = require("tailwindcss/plugin");
module.exports = {
purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
darkMode: false, // or 'media' or 'class'
theme: {
浏览 13提问于2021-04-03得票数 1
我想在我的前端项目中使用nuxtjs和tailwindcss。我已经通过如下模块集成了tailwindcss：
buildModules: [
// Doc: https://github.com/nuxt-community/nuxt-tailwindcss
'@nuxtjs/tailwindcss'
],
tailwindcss现在工作，但代码完成不起作用。有两个Intellij插件确实为顺风添加了一个代码完成--但是当我开始自定义tailwind.config.js文件时，它们失败了，因为它们只建议基于默认的顺风配置的类(它们不识别我自己的类，并且
浏览 4提问于2020-03-03得票数 0
回答已采纳
我的代码有一个奇怪的问题，我有一个样式化的组件div，它包装在另一个组件上，如下所示：
<ContentWidget>
<BookDay />
</ContentWidget>
(Bookday返回一个空div，因此这不应该是一个问题)
我的样式组件ContentWidget是一个空样式组件div，声明如下：
const ContentWidget = styled.div``;
奇怪的是，我有更多的内容小部件，在我的webapp应用程序中加载其他组件。所有的进口都很好，因为它在开发中运行得非常好。但是每当我运行npm run build时，我都会在我的
浏览 4提问于2019-03-18得票数 5
回答已采纳
2回答
当我将Tailwind添加到我的React项目中时，它破坏了现有的样式。
我希望只使用Tailwind类(如mb-3)作为快捷方式。
我没想到它会覆盖现有的样式，比如将按钮背景更改为透明。
我做错了吗？还是尾风有意覆盖样式？
编辑：
这就是我要说的：(来自node_modules\tailwindcss\src\css\preflight.css)
当我排除基地时，这个问题就消失了，即：
//@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwind
浏览 12提问于2022-06-17得票数 1
回答已采纳
3回答
我把旋转器放在书页上，却什么也没看到。没有任何错误或类似的控制台。
这是我的代码：
import React, { Component } from 'react';
import { Spin } from 'antd';
import './App.css';
class App extends Component {
render() {
return (
<div className="App">
<Spin />
</div>
浏览 0提问于2018-03-15得票数 2
回答已采纳
我正在尝试集成来自react-forms的Select与顺风css和顺风表单插件(@tailwindcss/forms)。 只有顺风和react-select，表单才能正确呈现。但是，使用该插件时，会出现一个轮廓。我希望tailwindcss表单不会影响react-select样式。有没有一个有效的解决方案来允许react-select样式覆盖顺风插件？ ? 此外，请让我知道是否有任何有效的解决方案来使用tailwind样式的react-select表单，而不求助于其他库，如emotion或styled-components。
浏览 23提问于2021-06-26得票数 3
1回答
不适用顺风级
、、
我正在尝试使用Tailwind，但它似乎不起作用。下面的代码只显示为标准的处理字符串，而不是他们的示例中的按钮SVG。我做错了什么？有什么简单的方法来测试它是否实际安装和导入正确？
谢谢!
loading() {
return (
<div>
<button type="button" className="bg-rose-600 ..." disabled>
<svg className="animate-spin h-5 w-5 mr-3 .
浏览 1提问于2021-04-26得票数 1
我找不到一种好的方法来确定顺风CSS的范围，因为我不想让它全局地应用于自定义构建选项的系统中。 从本质上讲，我想这样做： .tailwind{
@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
} 但PostCSS importer并不喜欢这一点，因为它在顺风占位符被替换之前就导入了。因此，让它工作的唯一方法是将构建分成两个阶段，然后导入编译后的css，如下所示： .tailwi
浏览 106提问于2020-09-06得票数 9
回答已采纳
我使用的是一个复杂的the本机应用程序，它使用了React导航库。导航体系结构如下所示：
开关导航仪
身份验证堆栈(登录、注册、忘记密码等)
认证栈
bottomTabNavigator
3页，其中一页是另一个开关导航器(这里的焦点)
在此开关导航器(称为报告)中有多条路由，其中一条是新的堆栈导航器(称为规则)。
“报表”开关导航器被包装在一个容器中，这个级别的所有屏幕都有这个容器。
下面是一个小型代码示例，说明如何编写这些代码：
const AppNavigator = createSwitchNavigator({
Au
浏览 0提问于2019-03-12得票数 0
回答已采纳
我要建立一个新的项目，并希望将这两个包放在一起，但不确定，所以问题是，将Tailwindcss与antdesign一起使用是一个很好的做法？ 有谁有经验吗？ 每个包都有自己的主题管理器，用于所有颜色，字体，深色模式等实例，你如何管理主题，有顺风或antd，或两者都有？为什么？ 这两个包都有网格功能，你更喜欢哪一个？ 让我们来看看你的见解？ 经过一些研究，我发现了这些结果 使用这两个库的一些示例： https://github.com/plamworapot/next-antd-tailwindcss https://github.com/dospolov/react-redux-saga-a
浏览 316提问于2021-08-25得票数 4
1回答
在遵循TailwindCSS配置教程使用Next.js设置它时，顶层的.css文件如下所示：
@tailwind base;
@tailwind components;
@tailwind utilities;
我的问题是:这是做什么，它是如何抓取和利用顺风CSS文件？
浏览 7提问于2022-07-21得票数 0
我正面临一个问题，这是一个令人麻木的世界的CSS。TailwindCSS 3类只是不覆盖以前的类。
例如，有一个组件，我创建了：
import * as React from "react";
const TextBox = ({ addClassName, children }) => {
const className = `text-xl leading-7.5 font-lato font-normal ${addClassName}`;
return <div className={className}>{children}</div
浏览 10提问于2022-05-07得票数 10
在Heroku运行时，我的react应用程序无法启动。我正在使用卢克·麦克唐纳的创业页面，该页面位于：
下面是我的package.json脚本部分的内容：
"scripts": {
"build": "npm run build:css && vite build",
"build:css": "postcss styles/tailwind.css -o src/assets/styles.css",
"dev": "concurrently \&#
浏览 17提问于2022-09-17得票数 0
1回答
我遵循了Tailwind ，但出于某种原因，它在我的Next.js项目中看起来一点也不像它。
这是我的tailwind.config.ts：
export const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
content: ["./src/**/*.{html,js,jsx,ts,tsx}"],
theme: {
extend: {
fontFamily: {
sans: ["Inter var",
浏览 8提问于2022-03-12得票数 0
我目前正在使用NextJS、TailwindCSS和MUI库构建一个项目。
每当我试图添加一个MUI按钮到我的项目，它工作良好，但该按钮的颜色保持白色。
当悬停的颜色返回正常，也当点击按钮仍然有涟漪效应。但是，当它不徘徊时，它又回到了白色。
通过从我在_app.{js、jsx.ts、tsx}文件中导入的全局css文件中移除顺风指令，按钮再次正常工作，但这也将删除TailwindCSS。
是否有办法在保留指令的同时修复它？或者使用另一种方法包括顺风CSS？
更新 (15/8/2022)
MUI团队现在添加了对顺风CSS的支持，请按照下面的链接获得说明。
浏览 15提问于2021-12-30得票数 6
当我试图创建一个组件库以供响应时，我一直得到以下无效错误。
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named impo
浏览 16提问于2022-01-12得票数 1
我一直在使用Next.js与尾翼，并喜欢这个组合。我已经制作了一个web应用程序，并且还想让ios成为android版本。是否有办法将我现有的Next.js项目转换成移动应用程序，或者我是否必须从头开始并制作一个？Tailwindcss并不像在React.js或Next.js上那样好于，所以如果是这样的话，对于Reactive原住民来说，有什么好的替代方法呢？我最终想要编码一件东西，并将其作为一个网页、ios和android版本。如果我想要做到这一点，这是否意味着我应该使用独占反应本机前进？
浏览 4提问于2022-06-20得票数 0
2回答
我们有一个组件库(VueJS)，它使用TailwindCSS，我们将将其作为私有npm包发布。我的问题是
如何在组件库中公开tailwind.config.js，以便消费项目可以使用组件库中的设置，例如，消费项目的tailwind.config.js中的颜色。
是否有“继承”组件库中定义的样式的推荐方法？
而且，由于TailwindCSS V3使用JIT生成类，我如何在组件库中包括这些类？
浏览 7提问于2022-05-26得票数 3
我是第一次接触reactjs。我正在尝试使用react webapp的普通CSS来改变背景颜色，但是当我使用react-bootstrap时，它不会改变。有没有办法通过react-bootstrap做到这一点呢？ 我将react-bootstrap包含到 import 'bootstrap/dist/css/bootstrap.min.css'; 在我使用create-react-app模板创建的index.js文件中。
浏览 8提问于2020-12-27得票数 0
回答已采纳
在通过npm run build构建并使用npm run start启动it之后，我得到了这个错误
知道为什么会出现这个错误吗？
我的整个布局也是错误的，我猜是因为尾部的错误。
这是我的_app.tsx
import type { AppProps } from 'next/app'
import "tailwindcss/tailwind.css"
import "../styles/styles.scss"
import { Provider, useSelector } from 'react-redux'
imp
浏览 3提问于2021-01-31得票数 0
回答已采纳
我是新手，我正在尝试使用名为React 的useEffect在Javascript中加载一个小脚本。javascript代码正在获得本年度的全部内容，我试图在我的网站的FooterBottom组件中调用它。我是使用尾部风车，使这个反应应用的样式。我看到了一些使用这种方法的解决方案，例如：和。
我避免使用componentDidMount()，因为我想学习如何使用React来使用它。任何帮助都是非常感谢的。
Javascript: fullYear.js
var d = new Date();
var n = d.getFullYear();
document.write(d);
React：
浏览 0提问于2020-07-29得票数 1
回答已采纳
2回答
由于某些原因，我不能让顺风rn真正的风格我的程序。当我运行expo时，这些项目没有对齐到中心，即使我把它放在代码中。
import { StyleSheet, Text, View, Button } from 'react-native';
import {TailwindProvider} from 'tailwind-rn';
import utilities from './tailwind.json';
import {useTailwind} from 'tailwind-rn';
export default fu
浏览 9提问于2022-07-16得票数 2
我正在尝试使用npx create-react-app myapp cd my app创建一个react网站，随后，我按照顺风css中提到的步骤执行了如下步骤：npm install -D tailwindcss postcss autoprefixer，然后是npx tailwindcss init -p，然后我将以下语句添加到尾风配置中：
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
浏览 5提问于2022-07-08得票数 1
回答已采纳
我跟随在create-react-app中配置了tailwindcss。它可以工作，但是在添加tailwindcss/jit之后，app就不工作了。我认为发生这种情况是因为create-react-app不支持PostCSS 8，但是似乎tailwindcss/jit需要PostCSS 8。
有什么想法吗？
浏览 1提问于2021-03-16得票数 6
1回答
我正在尝试导入TailwindCSS，但似乎不起作用，因为没有应用CSS。
我的package.json里就有
"devDependencies": {
"autoprefixer": "^10.2.4",
"css-loader": "^5.1.1",
"postcss": "^8.2.7",
"style-loader": "^2.0.0",
"tailwindcss": "^2.0.
浏览 13提问于2021-03-05得票数 0
1回答
好吧,
这是我第四次上网寻找如何正确设置尾风2.1的答案。
在我的配置中，我有一个Rails 6项目，配置了Webpacker 6 (Beta)、Webpack 5、React和Sass。
我试着按照“尾风指南”来配置Postcss，但没有奏效。
为了使这种交流更容易，我在我的项目中托管了一个简单的存储库。
当我运行webpack-dev服务器时，我一直收到以下错误：
ERROR in ./app/packs/entrypoints/hello_react.pcss 1:0
Module parse failed: Unexpected character '@' (1:0)
浏览 2提问于2021-06-20得票数 0
1回答
我认为这个问题可能会超出反应的范围，但我仍然不确定是否反应本身就是问题的原因。
环境是与TypeScript反应的。我在组件文件中使用CSS导入，这样每个组件都有其特定的样式表，并且我假设在各个组件实例化之前不会将这些样式添加到<head>元素中。但是事实证明，如果我从一个文件中导入一个组件，它只是将所有组件重新导出，那么我不使用的所有其他组件的样式仍然会添加到DOM中。
下面是一个简单的示例，假设lib文件夹中有两个简单的组件-- Avatar和Button。它们看起来像这样( Button类似)：
import React from 'react';
impo
浏览 0提问于2020-08-28得票数 1
回答已采纳
我正在尝试使用Preact + Vite + Typescript + Redux构建一个简单的Todo应用程序。但是我面临着一些与redux和类型记录的兼容性问题。
这就是我要犯的错误。
Uncaught TypeError: Cannot read properties of undefined (reading '__H')
at m (react-redux.064eb876.js:3)
at d (react-redux.064eb876.js:3)
at d.Provider [as constructor] (react-redux.064
浏览 5提问于2021-09-11得票数 7
我正在尝试扩展这个react-three-fiber Game Demo。我想在播放器与计算机交互时显示弹出模式。我想在使用TailwindCSS样式的模式中呈现不同的React组件。 你知道这是不是你可以用react-three-fiber做的事情？任何帮助都将不胜感激！
浏览 41提问于2021-05-11得票数 1
1回答
在与卷取捆绑后没有使用顺风样式。
、、、、
很抱歉，如果这是一个明显的问题，这是我第一次尝试构建组件库。
我正在用尾风CSS 3构建一个库。当我用Storybook运行组件时，它们会按预期显示。但是，当我捆绑使用Rollup时，类名将被应用，但是CSS不包含在构建中。
这是我的tailwind.config.js文件：
module.exports = {
content: ['./src/**/*.{js,jsx,ts,tsx}'],
theme: {
extend: {},
},
plugins: [],
};
我的rollup.config.js文件：
import babel from &
浏览 4提问于2022-06-20得票数 2
回答已采纳
1回答
我在努力找出这里的问题所在。我一直收到相同的错误消息，即" error :未能找到react redux上下文值；请确保组件被包装在< Provider >中“。
import 'tailwindcss/tailwind.css';
import '../styles/global.css';
import Router from 'next/router';
import ProgressBar from "@badrap/bar-of-progress";
import React, { useEffect
浏览 3提问于2021-08-25得票数 0
回答已采纳
这里是我所拥有的：
一个VUE ClI 3项目，有许多组件和东西正在进行。
我需要什么：
是重用这个项目并将其包含在我客户的网站上的一种非常简单的方法。我正在考虑只添加一个JS文件，也许添加一个HTML片段。
我所做的：
我一直在使用VUE CLI 3作为web组件导出我的项目。这是很好的工作，因为现在我只需要使用一个JS文件和我创建的web组件标记。
问题：
问题是，我在我的项目中用Tailwindcss设计的所有样式都没有在web组件中被样式化，因为这些样式似乎不包括在内。
通常，您将在每个Vue组件本身中包含您的样式。(我使用的是.vue单个组件)，但是由于我使用的是TailwindCS
浏览 2提问于2018-09-23得票数 3
回答已采纳
使用TailwindCSS在ReactJS中处理webfolio。将其部署到Heroku，构建成功，但打开应用程序总是会出现错误: error: React Refresh运行时不应包含在生产捆绑包中。
我真的不确定我还能做错什么，除了没有将tailwindcss配置为可部署。我没有任何依赖项，它们都是依赖项。
package.json：
"name": "webfolio",
"version": "0.1.0",
"private": true,
"dependencies":
浏览 1提问于2021-01-08得票数 2
我有这个汇总配置： ...
import tailwind from "tailwindcss";
...
export default {
...
plugins: [
svelte({
preprocess: sveltePreprocess({
postcss: {
plugins: [tailwind("./tailwind.config.js")],
},
}),
compilerOptions: {
// enable run
浏览 3提问于2020-12-05得票数 0
我在我的项目中使用了剪裁器。我运行npm i tailwindcss -D，然后在style.css中编写以下代码：@tailwind base; @tailwind components; @tailwind utilities;，然后运行npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch。但是在我的output.css文件中，我只有400-500行代码。同时，cdn文件中包含了数千个。我做错什么了？
浏览 4提问于2022-01-07得票数 0
回答已采纳
我继承了一些代码，并且一直在操作它，但是我遇到了一些让我抓狂的东西。
我不确定我正在讨论的问题是否具体涉及到react.js，或者更广泛地说是与CSS /javascript有关.
在这段代码中，我们使用react.js withStyles。
我已经设置了一个来演示。
首先，在文件中，我们定义了一些样式，然后可以应用到页面元素中。
const styles = theme => ({
buttonGroup: {
width: "250px",
display: "flex",
flexWrap: "wrap"
浏览 2提问于2018-07-29得票数 1
回答已采纳
我正在研究在React应用程序中设置页面样式的最佳方式。我在react中看到了很多可以样式化的库，比如Styled Components，Glamor，CSS Modules。
在我目前的项目中，我正在使用CSS模块(主要是为了摆脱css冲突和页面特定的CSS)。我用谷歌搜索了很多关于为什么我应该使用样式组件和CSS-in-JS的问题，但我没有得到任何具体的答案。所以我的问题是，使用CSS-in-JS或样式组件是否有实际的性能优势，或者它只是语法上的糖。
浏览 0提问于2018-09-19得票数 26
1回答
我正在学习.net教程
我遵循了这些步骤，甚至复制/粘贴了它们的Main.js代码：
import React, { useState } from "react";
import styled from "styled-components";
const PizzaFrame = styled.div\`
border: solid 1px gray;
padding: 10px;
margin: 15px 10px;
border-radius: 5px;
box-shadow: 0 0 5px grey;
浏览 9提问于2022-04-03得票数 1
回答已采纳
我使用TailwindCSS 3.x使用TailWindCSS的基于响应性的实用程序类将图像显示为h-9 sm:h-20。
<img class="h-9 sm:h-20 rounded-full" src="path/image-1.webp" alt="img" />
我想知道是否可以使用img属性宽度和高度实现相同的目标？
对于桌面，我希望它设置为width="80" height="80"
对于移动设备，我想要它成为width="36" height="36"
浏览 10提问于2022-09-05得票数 0
因此，经过广泛的研究，我在这里，我有一个困难的搜索问题，我希望可以解决。
我用Vite/ReactJS/Tailwindcss启动了一个新项目，我试图使用postcss创建嵌套的CSS规则，它们似乎部分工作，但是当使用符号和(如SCSS中的)时，事情会变得有点奇怪。
我有一个使用以下Button.module.css的标准Button组件
.Button {
@apply bg-primary;
&--disabled {
@apply opacity-50;
}
}
样式的应用如下：
import styles from './But
浏览 11提问于2022-07-19得票数 0
3回答
我使用React导入一个带有useState钩子的函数，这似乎破坏了它。我有一个用钩子反应的版本：
npm ls react => react@16.10.2
npm ls react-dom => react-dom@16.10.2
我可以很好地使用组件。当我包含一个钩子时，我会得到“无效的钩子调用”屏幕。
在我的图书馆项目中：
/**
* @class ExampleComponent
*/
import * as React from 'react'
import styles from './styles.css'
export d
浏览 1提问于2019-10-17得票数 2
回答已采纳
1回答
我有我的" app - component“和一个"B-component”，它们在我的app组件中呈现。每一种都有自己的风格。
但是当它被编译时，我的ComponentB.css被放在我的app.css之前，使得ComponentB样式被我的应用程序样式覆盖。
为什么会发生这种情况？
应用程序
import React, { Component } from 'react';
import ComponentB from './components/ComponentB';
import './styles/app.css'
浏览 3提问于2018-11-11得票数 3
我的项目一直在获取错误PostCSS plugin tailwindcss requires PostCSS 8时npm start。
是一样的，但是现在它已经老了，什么也不能用。PostCSS 8现在应该与Tailwind和CRA兼容，所以我安装了最新版本，但返回了相同的错误。我被困在这里近3天，所以我会感谢任何建议或意见！
我尝试过(但从未成功)：
降级为兼容版本的tailwindcss/postcss7-compat": "^2.2.17”、PostCSS ^7.0.39和autoprefixer": "^9.8.8
升级到tailwindcss:
浏览 11提问于2021-10-28得票数 1
回答已采纳
3回答
问题：
默认情况下将重写按钮类。不知道为什么元素上的类没有被应用。
问题：
我怎样才能使我的风格得到适当的应用？
截图：
正如您可以看到的那样，.documentCategory__row上的背景色被按钮覆盖，type=button在index.scss上被定义在@tailwind/base中。
/* index.scss */
:root {
--color-primary: #00a3e0;
--color-secondary: #470a68;
--color-success: #87d500;
--color-accent: #e87722;
/* Da
浏览 8提问于2021-12-17得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
