-
我正在使用ubuntu
-
当我从后台img编码时,每个项目中都出现了相同的错误
-
不使用任何类似
.gif
.jpg
的文件
Error: Failed to compile
./src/backimg.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/backimg.css)
Error: Can't resolve '/images/back.jpg' in '/home/sohail/panacloud-Projects/pro-4A web Animation/animation-app/src'
此错误发生在生成期间,无法消除。
import './backimg.css';
function App() {
return <div className="App"><h1>
Sohail</h1></div>;
}
export default App;
.App {
text-align: center;
width: 100%;
margin: auto;
height: 100vh;
background: #000;
background-repeat: no-repeat;
background-size: cover;
/* when i use image in background */
background: url("/images/back.jpg");
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
在css文件中更改图像文件夹的路径
尝试:
background: url("./images/back.jpg");
而不是
background: url("/images/back.jpg");
在此之前,我从公用文件夹中获取图像,因此它没有图像知道我在src文件夹中创建了一个文件夹并正确获取图像但我不明白在公用文件夹中有什么问题不能与后台一起工作