9장부터 시작되는 scss 파일 인식 문제입니다.

[youngbinlim]

./src/components/TodoTemplate.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/TodoTemplate.scss) Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.

최근 리액트다루는법책으로 리액트 시작해서 sass 적용 하고 크롬으로 확인 시 위 같이 버전 에러로 문제가 생깁니다. yarn으로 버전 확인 시 node-sass 설치된 버전은 5.0이고 지원을 안하니 낮추라는 얘기 같은데 위 문제를 웹에서 찾아서 npm install [email protected] 쳐서 설치하라 하지만 정상적으로 node-sass 4.14.1이 설치되지 않습니다. 예제가 scss파일으 기준으로 되어 있어 임시적으로 css로 작성하고 진행할 수 있는 부분이 아니라 바로 문의 드립니다. 최근 sass 버전문제가 생긴거 같은데 node-sass를 정상적으로 사용할 수 있는 방법을 알려주세요. 현재 작업 환경은 맥 카탈리나 VS-Code입니다.

[velopert]

yarn remove node-sass
yarn add [email protected]

으로 한번 해보세요! 지금 설치/적용 잘 되고있습니다. 설치시에 어떤 오류가 발생하는지 적어주실수있을까요?

[youngbinlim]

답변 감사 드립니다. 이 부분은 최근에 해결된 부분이었습니다. 4.14.1로 수동으로 설치했을때 버전문제와 다른 에러가 생겼었는데 구글링하다 X Code 관련 오류라해서 커맨드라인툴즈에서 삭제 후 시스템 요소를다시 받아서 설치했더니 됩니다. 이전에 엑스코드 설치했다 지운적 있는데 거기서 생긴 에러라 생각됩니다. 본 문제는 해결 된 부분이니 신경 안 쓰셔도 될 듯 합니다.

수고하세요.

2021. 1. 31. 오후 5:14, Minjun Kim [email protected] 작성:

yarn remove node-sass yarn add [email protected] 으로 한번 해보세요! 지금 설치/적용 잘 되고있습니다. 설치시에 어떤 오류가 발생하는지 적어주실수있을까요?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/velopert/learning-react/issues/311#issuecomment-770344871, or unsubscribe https://github.com/notifications/unsubscribe-auth/AKWOYBLMPS75G2KVK2KF2KTS4UGQDANCNFSM4V4QAKBA.