反应webpack文件加载器-所需网址中的变量

兰斯

我正在使用webpack和文件加载器插件。我想在react组件中设置背景图片,如下所示:

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

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

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

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

它不再起作用:“未捕获的错误:在...处找不到模块'./'。”

有任何想法吗?我在使用'url()'时是否必须使用url-loader?

提前致谢。

兰斯

发现错误:变量$ {event.image}是通过JSON加载的。在某些情况下,它有一个字符串,在其他情况下,它是空的。空的都抛出错误。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用webpack文件加载器缩小/优化所需的文件

来自分类Dev

无法更改所需文件中的 PHP 变量

来自分类Dev

Webpack文件加载器和CSS中的图像

来自分类Dev

Webpack-文件加载器不起作用(无法在我的HTML中动态加载SVG文件)

来自分类Dev

使用另一个所需文件中的变量

来自分类Dev

将网址中的变量传递到PHP文件

来自分类Dev

如何在webpack中为文件加载器设置特定的前缀?

来自分类Dev

Webpack文件加载器发出的png名称与发出的bundle.js中引用的名称不同

来自分类Dev

如何在webpack中配置url加载器以仅转换某些文件夹?

来自分类Dev

重写网址所需的htaccess文件帮助

来自分类Dev

Webpack url和文件加载器不适用于Angular 2所需的组件样式

来自分类Dev

Webpack url和文件加载器不适用于Angular 2所需的组件样式

来自分类Dev

Webpack中CSS / SASS的加载器

来自分类Dev

在反应中从不同的文件夹加载 CSS

来自分类Dev

dist 文件夹中的 webpack 加载程序内联文件

来自分类Dev

自动前缀加载器中断Webpack中的scss编译

来自分类Dev

区分Webpack加载器中的SVG图像和字体

来自分类Dev

如何在Webpack中为特定路径配置加载器

来自分类Dev

Webpack文件加载器不复制文件

来自分类Dev

忽略某些文件中的自动加载器

来自分类Dev

Webpack-错误:无法在加载器列表中定义“查询”和多个加载器

来自分类Dev

从网址加载Yaml文件

来自分类Dev

如何在浏览器中隐藏反应组件文件?

来自分类Dev

使用webpack-dev反应热加载器3

来自分类Dev

Aurelia webpack 4 - 在运行时加载所需的 CSS 文件失败

来自分类Dev

Webpack:无法解析模块“文件加载器”

来自分类Dev

Webpack文件加载器:重写路径

来自分类Dev

静态图像的 Webpack 文件加载器配置

来自分类Dev

不会在Angular 8中加载graphql-tag的Webpack加载器

Related 相关文章

  1. 1

    使用webpack文件加载器缩小/优化所需的文件

  2. 2

    无法更改所需文件中的 PHP 变量

  3. 3

    Webpack文件加载器和CSS中的图像

  4. 4

    Webpack-文件加载器不起作用(无法在我的HTML中动态加载SVG文件)

  5. 5

    使用另一个所需文件中的变量

  6. 6

    将网址中的变量传递到PHP文件

  7. 7

    如何在webpack中为文件加载器设置特定的前缀?

  8. 8

    Webpack文件加载器发出的png名称与发出的bundle.js中引用的名称不同

  9. 9

    如何在webpack中配置url加载器以仅转换某些文件夹?

  10. 10

    重写网址所需的htaccess文件帮助

  11. 11

    Webpack url和文件加载器不适用于Angular 2所需的组件样式

  12. 12

    Webpack url和文件加载器不适用于Angular 2所需的组件样式

  13. 13

    Webpack中CSS / SASS的加载器

  14. 14

    在反应中从不同的文件夹加载 CSS

  15. 15

    dist 文件夹中的 webpack 加载程序内联文件

  16. 16

    自动前缀加载器中断Webpack中的scss编译

  17. 17

    区分Webpack加载器中的SVG图像和字体

  18. 18

    如何在Webpack中为特定路径配置加载器

  19. 19

    Webpack文件加载器不复制文件

  20. 20

    忽略某些文件中的自动加载器

  21. 21

    Webpack-错误:无法在加载器列表中定义“查询”和多个加载器

  22. 22

    从网址加载Yaml文件

  23. 23

    如何在浏览器中隐藏反应组件文件?

  24. 24

    使用webpack-dev反应热加载器3

  25. 25

    Aurelia webpack 4 - 在运行时加载所需的 CSS 文件失败

  26. 26

    Webpack:无法解析模块“文件加载器”

  27. 27

    Webpack文件加载器:重写路径

  28. 28

    静态图像的 Webpack 文件加载器配置

  29. 29

    不会在Angular 8中加载graphql-tag的Webpack加载器

热门标签

归档