이 에러 메시지는 프로젝트 내에 Sass 컴파일러 모듈이 설치되어 있지 않기 때문에 발생합니다. 다음 단계를 따라 해결해 보세요:
1. sass 모듈 설치
npm 사용 시
npm install sass --save-dev
yarn 사용 시
yarn add sass --dev
이렇게 하면 Dart Sass(공식 권장)가 node_modules에 설치됩니다.
2. package.json 확인
• devDependencies 또는 dependencies에 "sass": "..." 항목이 추가되었는지 확인하세요.
• 설치 후 npm install 또는 yarn install 을 다시 실행해 누락된 모듈이 없는지 점검합니다.
3. import/require 문법 점검
// ES 모듈 import sass from 'sass';
// CommonJS const sass = require('sass');
4. 대안: node-sass 사용
만약 구버전 프로젝트에서 node-sass를 쓴다면,
npm install node-sass --save-dev
로 설치하고 require('node-sass') 하시면 됩니다.
5. 빌드 스크립트 확인
• package.json의 scripts 섹션에서 Sass 컴파일러 호출 명령이 올바른지 확인하세요.
• 예:
"scripts": { "build:css": "sass src/styles:dist/styles --no-source-map" }
이 과정을 거치면 Error: Cannot find module 'sass' 문제가 해결될 것입니다. 추가 문제가 있으면 알려주세요!