node-sass관련 오류내용입니다.
Module not found: Error: Can't resolve '/Users/junhyeok/Documents/project/react/node_v18/pokemon/node_modules/sass-loader/dist/cjs.js' in '/Users/junhyeok/Documents/project/react/node_v18/~'
오랜만에 리액트 새로운 내용을 만들기 위해 리액트를 생성하고 scss작업을 하기위해 node-sass를 npm에서 받아왔는데 문제가 생겼습니다.
node18버전으로 node-sass를 받아왔는데 에러가 발생했습니다.
npmjs에서 확인해본 결과 node18버전에서는 8.0+이상을 받아야하는데 자동으로 7버전이 다운받아진거였습니다.
그래서 바로 8버전이상으로 새로받은다음 실행을 했는데 오류가 늘어나 버렸습니다.
처음에는 node_modules를 다시 받아야하나 해서 node_modules를 지우고 새로 받았는데도 오류가 줄지 않은 상태였습니다.
알고보니 터미널을 새로 켠 상태에서 설치하고 새로받고를 했던것이 문제였습니다.
터미널의 기본 node버전을 14로 설정을 해놨기에 그에 맞춰 구동하고 있던것이었습니다.
그래서 바로 node버전을 18로 맞추고 node-sass또한 8.0+이상으로 받았더니 에러는 모두 사라지고 정상 작동이 되었습니다.
어찌보면 참 간단한 문제였는데... 금방 고쳤기에 망정이지 길게 끌었으면 굉장히 허탈 할 뻔한 내용이었습니다.
앞으로는 이런 문제에 있어서 주의를 해야겠다는 생각을 하게되는 시간이었습니다..
:: 그리고 node-sass가 더이상 새로운 기능을 추가하거나 할 계획이 없다고... 아직도 주간에 190만명이상이 받고 있는데.. 아쉽습니다 dart-sass로 넘어가야 할 때인 듯 합니다.
문제해결
node18버전에 맞는 node-sass install