国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Fran?ais

Comment fournir un chemin/URL pour l'image d'arrière-plan dans Tailwind ?

P粉670107661 2024-01-16 11:09:13

564

J'utilise Tailwind dans mes projets React. Je souhaite ajouter une image d'arrière-plan dans un div mais l'erreur suivante s'affiche?:

Module not found: Error: Can't resolve '../../icons/blog-hero-1.png' in 'C:UsersDELLfrontend-developmentaidhumanity-practice-2src'

J'ajoute la catégorie vent arrière

bg-[url('../../icons/blog-hero-1.png')]

Pour ajouter une image d'arrière-plan, l'url est relative au fichier actuel, et fonctionne également lors de l'ajout d'une image normale via :

import Hero from "../../icons/blog-hero-1.png"
<div>
  <img src={Hero} className="h-full rounded-3xl"></img>
</div>

Qui peut vous indiquer comment donner la bonne URL?? REMARQUE?: J'ai également ajouté ici un exemple de codesandbox pour une meilleure démonstration, dans lequel j'essaie d'importer une image d'arrière-plan dans "Homepage.js" mais cela ne fonctionne pas. https://codesandbox.io/s/background-image-wl9104?file=/src/components/Homepage.js

P粉670107661

répondre à tous(1)

P粉9211651812024-01-17 10:02:58 1 plancher

Vous pouvez également obtenir le même résultat en utilisant?:

Dans votre tailwind.config.jsfichier :

module.exports = {
  theme: {
    extend: {
      backgroundImage: {
        'hero': "url('../../icons/blog-hero-1.png')"
      }
    },
  },
  plugins: [],
}

Il suffit de mentionner bg-hero en classe pour y parvenir.