reagir loader de fichier webpack - variable dans l'URL requise

Question

J'utilise webpack et le plugin de chargement de fichiers. Je veux un fond mis en image dans un composant réagir, fait comme ceci:

let bgImageUrl = require(`../../images/image.jpg`); 
 
let bgStyle = {backgroundImage: 'url(' + bgImageUrl + ')'}; 
 

 
<div className="calender__item__link" style={bgStyle} ></div>

Cela fonctionne très bien. Mais quand je remplacerai bgImageUrl avec une variable comme ceci:

let bgImageUrl = require(`../../images/${event.image}`);

il ne fonctionne pas plus: "Uncaught Erreur: Impossible de trouver le module './' à ..."

Des idées? Dois-je utiliser l'url-loader parce que j'utilise 'url()'?

Merci d'avance.

Answer 1

Vous avez trouvé l'erreur: la variable $ {event.image} a été chargée via JSON. dans quelques cas, il a une chaîne, dans l'autre il était vide. les vides jettent une erreur.