Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript css背景图像赢得';不能在网页包中加载react组件_Javascript_Css_Reactjs_Sass - Fatal编程技术网

Javascript css背景图像赢得';不能在网页包中加载react组件

Javascript css背景图像赢得';不能在网页包中加载react组件,javascript,css,reactjs,sass,Javascript,Css,Reactjs,Sass,不确定我做错了什么,我可以让图像显示,如果我只是附加了一个图像,但我希望它作为一个背景图像,所以我可以把文字在它前面 但是当我尝试将其设置为背景图像时,图像将不再加载,即使在我将父div设置得更大并且在web开发中间件中div已经扩展之后也是如此 从“React”导入React; 从'react bootstrap'导入{Jumbotron}; 从“../../css/images/homePagePicJumbo.jpg”导入巨型图像; 常量样式={ 主页:{ 身高:500, 宽度:“自动”

不确定我做错了什么,我可以让图像显示,如果我只是附加了一个图像,但我希望它作为一个背景图像,所以我可以把文字在它前面

但是当我尝试将其设置为背景图像时,图像将不再加载,即使在我将父div设置得更大并且在web开发中间件中div已经扩展之后也是如此

从“React”导入React;
从'react bootstrap'导入{Jumbotron};
从“../../css/images/homePagePicJumbo.jpg”导入巨型图像;
常量样式={
主页:{
身高:500,
宽度:“自动”,
},
图片:{
背景图片:JumboImage,
},
};
导出默认函数主页(){
返回(
你好,世界

);
我认为有两个问题:

  • 它可能区分大小写。您需要
    backroundImage
    而不是
    backroundImage
  • 您需要一个CSS URL语句。请尝试
    backgroundImage:`URL(${JumboImage})`