[React] public 폴더의 이미지 사용
public의 images 폴더의 이미지를 접근하지 못하여 다음과 같은 에러가 발생한다.
background-image: url('/Screenshot_11.png');
다음과 같이 작성해도 오류가 발생하는데 아마 웹팩의 문제이지 않을까 생각된다.
-
-
webpack4와 webpack5의 로더 사용이 많이 바뀐 것 같아 이게 문제이지 않을까 생각해본다.
-
혹은 리액트의 버전 문제일지도 모른다.
-
그래서 전체 버전을 낮추어 주었다.
- package.json
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-router-dom": "^5.2.0",
"react-scripts": "3.4.1"
},
해결!!!
Author And Source
이 문제에 관하여([React] public 폴더의 이미지 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@corone_hi/public-폴더의-이미지-사용저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)