next.js 顺风申请额外的课程

y3bcpkx1 于 2023-10-18 发布在其他

关注(0)|答案(1)|浏览(101)

我继承了这个项目，你知道为什么顺风重新应用一个应该被屏幕尺寸忽略的风格吗？
有这个按钮：

<div className="flex h-[40px] w-full items-center justify-center place-self-center rounded-full bg-[#2B9355] md:w-[175px]">
 <button className="font-poppins text-[15px] font-bold text-white">
  Siguiente paso
 </button>
</div>

有了这个，它应该是全宽度的移动的和宽度：175px从中等大小和以上。但它是作为图片的React，它重新添加了w满更优先。这是唯一的地方，这是发生，我解决它之前，我一直在与顺风一段时间，但我不明白这一点。
我已经禁用了所有的分机以防万一。奇怪的是，我发现我有这个问题的控制台

Warning: Extra attributes from the server: role,class
at ion-icon
at ReactComponent (webpack-internal:///(app-client)/./node_modules/@ionic/react/dist/index.js:692:13)
at IonIcon
at IonIconContainer (webpack-internal:///(app-client)/./node_modules/@ionic/react/dist/index.js:1805:9)
at IonIcon

我不确定这是否有任何责任。任何帮助都将受到赞赏。
这是运行与

email protected(https://stackoverflow.com/cdn-cgi/l/email-protection)
email protected(https://stackoverflow.com/cdn-cgi/l/email-protection)
email protected(https://stackoverflow.com/cdn-cgi/l/email-protection)

next.js

来源：https://stackoverflow.com/questions/77208595/tailwind-applying-extra-classes

1条答案

按热度按时间

d8tt03nd1#

我遇到了这个问题，结果发现ion-icon组件需要有一个常规的class，而不是className。
对我来说，以前是这样的：

<ion-icon
    className="w-20 h-20 md hydrated"
    name="warning"
    role="img"
    aria-label="checkmark outline"
></ion-icon>

之后：

<ion-icon
    class="w-20 h-20 md hydrated"
    name="warning"
    role="img"
    aria-label="checkmark outline"
></ion-icon>

赞(0）回复(0）举报 2023-10-18

我来回答

next.js 顺风申请额外的课程

1条答案

相关问题

热门标签

最新问答