결론: ./파일명.확장자명 입력 시 플젝폴더 아래의 src 에 해당 파일을 넣어주시고, 확장자 대소문자까지 정확하게 확인해서 입력 해 주세요!
에러 내용
Compiled with problems:X
ERROR in ./src/App.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css) 5:36-72
Module not found: Error: Can't resolve './bg.png' in '/Users/yuz/React_project/yuzshop/src'
사진 파일을 프로젝트가 저장되어있는 yuzshop 이라는 폴더 아래에 저장해놓았다.
에러 문구에 나와있는 내용을 참고해서 yuzshop/src 아래에 다시 넣어보았다.
Compiled with problems:X
ERROR in ./src/App.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./src/App.css) 5:36-72
Module not found: Error: Cannot find file: 'bg.png' does not match the corresponding name on disk: './src/bg.PNG'.
또 오류가 발생하였다.
원인은 확장자가 대문자인데, 나는 css에서 ./bg.png 라며 확장자명을 소문자로 썼기 때문이다.
대소문자, 파일위치 두 가지 다 확인 해 줘야 한다.
결론
1. 플젝폴더 아래 scr 폴더 안에 그림파일 넣어주기
2. 파일명, 확장자 부분 대소문자 매칭되는지 확인하기.
