0

Failed to compile

./src/App.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/App.css) Error: Can't resolve 'public/images/camping.jpg' in 'C:\User...

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "PT Sans", sans-serif;
}

.home, .services, .products, .sign-up {
  display: flex;
  height: 90vh;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}

.services {
  background-image: url("public/images/camping.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 100px;
}

.products {
  background-image: url("public/images/camping.jpg");
  background-position: center;
  background-size: fill;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 100px;
}

.sign-up {
  background-image: url("public/images/camping.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 100px;
}
Improve this question
2
  • The error message clearly says it can't find the image at public/images/camping.jpg, and it's searching for it locally ('C:\User...) on your disk... Commented Apr 29, 2021 at 21:22
  • Refer this: stackoverflow.com/questions/65125891/… Commented Jul 31, 2021 at 7:47
Related questions
5
Failed to compile ./src/App.js Module not found: Can't resolve
0
React: Failed to compile
1
Failed to Compile. ReactJs
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.