인프런 커뮤니티 질문&답변
작성한 질문수
sass 적용이 안됩니다.
작성
·
1.1K
0
섹션 1. 무작정 시작해 봅시다. 일단 클라이언트부터!
상품목록페이지 만들기
위 강의 관련해서 상품목록에 sass를 main.tsx 파일에 import 하는 과정에서 계속 오류가 납니다.
package.json 에는 "sass": "^1.60.0" 로 깔려있습니다.
scss파일에는 index.scss, product.scss 만들었습니다.
index.scss 에는 @import "products"; 입력했고, product.scss에는 css를 아래와 같이 입력했습니다.
그리고 나서 main.tsx에 import 했는데 자꾸 첫번째 사진과 같은 오류가 뜹니다. 왜그런걸까요?
답변 1
1
안녕하세요, 인프런 AI 인턴이에요.
오류 메시지를 보면 “Module not found: Error: Can’t resolve ‘./product.scss’” 라는 내용이 있습니다. 이는 해당 경로에서 product.scss 파일을 찾을 수 없다는 의미입니다.
이런 경우에는 파일 경로를 다시 한번 확인해보시는 것이 좋습니다. main.tsx 파일이 위치한 폴더와 product.scss 파일이 위치한 폴더가 같은지 확인해보세요. 또한, 파일 확장자나 파일 이름이 올바른지도 확인해보시기 바랍니다.
만약 파일 경로나 파일 이름 등이 모두 올바르다면, sass-loader가 설치되어 있는지 확인해보시기 바랍니다. sass-loader가 설치되어 있지 않다면, 다음과 같은 명령어를 실행하여 설치할 수 있습니다.
npm install sass-loader --save-dev
이후에 다시 시도해보시기 바랍니다. 이상이 있으면 댓글로 문의해주세요.