Tailwind で背景画像のパス/URL を指定するにはどうすればよいですか?

Question

私は React プロジェクトで Tailwind を使用しています。 div に背景画像を追加したいのですが、次のエラーが表示されます:

リーリー

追い風クラスを追加します

リーリー

は背景画像を追加するために使用されます。URL は現在のファイルに関連しており、通常の画像を追加するときにも機能します:

リーリー

正しい URL を指定する方法を誰かが教えてくれませんか? 注 : より良いデモンストレーションのために、コードサンドボックスの例もここに追加しました。このサンプルでは、​​「Homepage.js」に背景画像をインポートしようとしましたが、機能しませんでした。 https://codesandbox.io/s/background-image-wl9104?file=/src/components/Homepage.js

Answer 1

次の方法を使用しても同じ結果を得ることができます:

tailwind.config.js ファイル内:

リーリー

これを実現するには、クラス内で bg-hero と言及するだけです。