无法在我的react应用程序中加载背景图像

文章/答案/技术大牛

发布

1回答

堆栈溢出如何防止页面加载之间的“白色闪存”？

javascript、html、css、caching、browser-cache

我在StackOverflow.com (和其他大型专业网站，如Wikipedia.org)上注意到，当您从一个页面导航到另一个页面时，在每次页面加载之前没有“白色闪光灯”(即页面从一个页面到另一个页面的即时转换我正试图在我的页面上做同样的事情，我尝试了我所读到的每一件事：将JavaScript

浏览 1提问于2018-05-17得票数 3

1回答

javascript、reactjs、frontend

我刚开始使用react，我正在尝试在我的react应用程序中加载背景图片。我不知道为什么，但它不会在react组件app.js的背景中呈现。下面是我的代码..。reactjs.org" rel

浏览 22提问于2020-12-16得票数 0

2回答

旋转MaterialUI CardMedia图像

material-ui、spinner

下面的组件完美地工作在文件中。我想要显示一个旋转，直到图像被加载。我该怎么做？import React from 'react';import Card from '@

浏览 2提问于2019-08-26得票数 1

回答已采纳

9回答

部署到Github页面时未加载的图像

reactjs、github-pages、create-react-app

我正在使用create-react-app开发我的react应用程序，并将其部署到Github页面。我的应用程序在开发过程中工作正常。但是，当我部署时，它成功地部署，但背景映像未能加载。在index.css文件中加载背景图像： background-image:

浏览 4提问于2018-06-23得票数 6

1回答

React未加载背景图像

reactjs、electron

我正在尝试获得一个全屏背景图像加载到一个登陆页面，但我似乎无法获得图像加载时，我引用它在CSS中我可以使用<img src={require('../assets/img/header.jpg')} />从我的React组件中引用它，它可以正确加载，但是如

浏览 19提问于2019-04-04得票数 2

1回答

更换文件夹后未找到图像的反应

reactjs、image、path

在React中:我无法从我的CSS文件加载背景图像。通过研究，我了解到我应该将图像文件夹放在src文件夹中，而不是公共文件夹中。所以我移动了我的图像文件夹。我的CSS文件中的背景图像现在

浏览 4提问于2021-09-15得票数 0

4回答

可以使用react-lazyload延迟加载背景图像吗

javascript、html、css、reactjs、lazy-loading

我已经创建了一个section组件，它将接受图像作为属性，并将其子项作为内容显示在节中，因此该组件将如下所示…… //content</Section> <div>

浏览 2提问于2016-07-12得票数 8

4回答

用React添加背景视频？

javascript、css、reactjs

我试图建立一个简单的登录页面，其中包含一个全屏背景图像，将播放内容加载。有没有办法在React中使用React或CSS来做到这一点？我试过使用npm模块react-drive-in，但我终生无法弄清楚如何在视频上加载我的React组件。视频一直在我的其他组件上加载<

浏览 7提问于2016-03-26得票数 25

3回答

使用create react-app在React中设置动态背景图像

reactjs、create-react-app

在下面的TSX/JSX中，背景图像没有正确加载，因为URL在转换过程中没有改变，所以它指向错误的位置。我假设这是一个webpack的配置问题。在过去，我已经手动设置了React应用程序，但我是相当新手来创建react-app。我是否需要弹出并进行一些手动配置，或者有没有更好的方法来动态加载我

浏览 59提问于2019-02-12得票数 1

2回答

从本地文件夹动态更改React中的背景图像

javascript、css、reactjs、image、background

我一直试图在我的React应用程序上动态加载背景图片，但只有当我链接到我的Google drive时才能起作用。我想在本地执行此操作，并且我已将图像粘贴到即时目录中。但它仍然无法加载到我的应用程序中。我有21个图像从0-20所有png格式<

浏览 31提问于2020-09-28得票数 2

1回答

Chrome: JQuery动画；只有在开发工具中选择时才能工作

javascript、jquery、css、google-chrome、webkit

我有一些样式的页面，我需要开始工作。加载栏是页面的一部分。当页面被导航时，加载栏将出现(因为后端可能需要一些时间来响应)。在显示加载栏之后，当访问者等待下一页时，需要“加载”。该代码在IE中运行良好，但在Chrome和Safari中有一个奇怪的错误。加载栏“出现”后，它将无法加载，除非在Chrome的开发工具中选择了元素在下面

浏览 3提问于2012-03-07得票数 0

1回答

React JS在加载资源后显示组件

javascript、html、node.js、reactjs、frontend

我正在使用React，我有很大的落地图像，我想在img准备好的时候显示组件。你可以看到这个截图： ? ? 内容显示，但图像仍在加载。我想让它显示图像何时准备好。我已经使用了延迟加载，但它不起作用。下面是我的代码： Landing.jsx import React, { lazy, Suspense

浏览 30提问于2019-09-03得票数 0

3回答

如何在react-native中实现scratch卡片/视图？

javascript、react-native、scratchcard

我正在寻找一个在react-native中实现scratch card的包。我找到了这个库，但问题是它只能在安卓系统上运行。有没有同时适用于iOS和android的库，或者我可以用纯javascript实现它吗？

浏览 1提问于2019-02-13得票数 2

2回答

如何在react* native上将svg图像渲染到背景图像的前面？*

image、svg、react-native、background

我想在背景图像的“前层”上渲染一张svg图像。import React, { Component } from 'react'; imp

浏览 1提问于2017-08-10得票数 0

1回答

React -内联CSS和图像无法加载

reactjs

我还是个新手，在完成了教程之后，我想自己创造一些东西。作为测试，我还尝试了一个简单的img，并将src属性设置为我的图像，但什么也不显示。我在src<

浏览 2提问于2018-01-13得票数 0

1回答

在Javascript中创建PDF预加载器

javascript、pdf、preloader

我有一个网站，显示在浏览器中嵌入的pdf文件。这可以很好地工作，但有时PDF文件在加载时会很大，用户会看到一个空白屏幕。我想插入一个图像预加载器(就像文本“正在加载...”)而pdf文件在后台下载。我在JS中使用了Image对象，但没有成功。type="application/pdf" data="\\PDF\\somefile.pdf&q

浏览 1提问于2011-02-16得票数 3

回答已采纳

2回答

为什么我的Webpack没有加载背景图片？

reactjs、webpack、css-loader、webpack-file-loader

我对webpack是个新手，但是在react中css加载器或文件加载器有一些问题。我试图加载一个背景图像，但它不是很正确。背景图像不会显示，即使devtools显示了背景图像样式。我正在尝试通过React: background: url('../../assets&#

浏览 1提问于2019-06-24得票数 0

1回答

从闪屏导航到mainpage.xaml会导致小跳跃吗？

windows-phone-7、navigation、splash-screen

在设备上运行该应用程序时，我注意到在从闪屏导航到MainPage.xaml时出现了一个小跳跃。如何确保从闪屏到mainpage.xaml的平滑过渡？阿尔法

浏览 0提问于2011-12-08得票数 1

回答已采纳

1回答

将图片设置为应用程序背景，并使用该图片打开其他屏幕

android、image、background、hyperlink

我正在尝试设置我的应用程序的背景图片，并使用此图片类似于Java脚本作为链接的地图。设置图片本身不是问题。这是在XML中完成的，但是定义链接和事件处理程序时，我不知道如何实现它。外面有什么我可以用的吗？

浏览 1提问于2014-01-09得票数 0

1回答

超大jQuery插件: Internet 7中看不到预加载器.gif映像

jquery、internet-explorer-7、gif

什么是好的解决方案？这个div的CSS是这样的： position:absolute;

浏览 4提问于2011-05-10得票数 1

回答已采纳

点击加载更多

堆栈溢出如何防止页面加载之间的“白色闪存”？