如何解决错误：tailwindcss/no-contradicting-classname？

avwztpqn 于 2023-07-01 发布在其他

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

这些类具有以下属性bg-[url('/images/img.webp')] bg-right我需要将背景图片与右边缘对齐，但在使用linter检查时出现错误

Error: Classnames bg-[url('/images/img.webp')], bg-right are conflicting!  tailwindcss/no-contradicting-classname

有什么方法可以绕过或纠正这个错误吗？

css

来源：https://stackoverflow.com/questions/75742824/how-to-solve-error-tailwindcss-no-contradicting-classname

1条答案

按热度按时间

oogrdqng1#

使用这个策略到你的属性类名。

const styles = [
  "bg-[url('/images/img.webp')]",
  "bg-right",
].join(" ");

然后输入react className属性。

<div className={styles}>Hello World</div>

完整编码

const styles = [
  "bg-[url('/images/img.webp')]",
  "bg-right",
].join(" ");

const SomeComponent = () => {
  return <div className={styles}>Hello World</div>
}

赞(0）回复(0）举报 2023-07-01

我来回答

如何解决错误：tailwindcss/no-contradicting-classname？

1条答案

相关问题

热门标签

最新问答