Question

我使用webpack和文件加载器插件。我想在反应组件中设置背景图像，如下所示：

＆＃13;

let bgImageUrl = require(`../../images/image.jpg`);
let bgStyle = {backgroundImage: 'url(' + bgImageUrl + ')'};

<div className="calender__item__link" style={bgStyle} ></div>

＆＃13;

这很好用。但是当我用这样的变量替换bgImageUrl时：

＆＃13;

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

＆＃13;

它不能再使用了：＆＃34;未捕获错误：无法找到模块＆＃39; ./'在...＆＃34;

有什么想法吗？我是否必须使用url-loader，因为我正在使用＆＃39; url（）＆＃39;？

提前致谢。

Answer 1

发现错误：变量$ {event.image}是通过JSON加载的。在少数情况下，它有一个字符串，在另一些情况下它是空的。空的正在抛出一个错误。

将webpack文件加载器 - 变量放在必需的URL中

1 个答案: