SASS가 안됩니다.

[이지은]

안녕하세요 ~

detail.scss 파일만들고, import했는데

자꾸 이런식의 문구가 떠서

 
1) node.js 삭제후 LTS 버전으로 재설치
2) npm install node-sass@4.14.1  터미널에 입력

이렇게 node.js 와 sass를 재설치 했는데요....

그래도 다시 저장하고 실행하니

Failed to compile
./node_modules/react-bootstrap/esm/SplitButton.js
Module parse failed: Unexpected token (101:2)
You may need an appropriate loader to handle this file type.
| renderMenuOnMount,
| rootCloseEvent,
| ...props
| }, ref) => /*#__PURE__*/_jsxs(Dropdown, {
| ref: ref,

이런문구가 뜹니다 ㅜㅜㅜ이거 왜이러는 걸까요??

혹시 여태 npm으로 설치한 것들 모두 다시 설치해야하하나요??

 

 

[codingapple]

node_modules 폴더를 삭제하고

터미널에 npm install 혹은 yarn install 쳐서 다시 설치해봅시다 

[이지은]

다시 설치해도 결과가 똑같네요 ㅜㅜㅜ...

[codingapple]

그럴 땐 프로젝트 처음부터 만드는게 낫습니다

create-react-app으로 새로 프로젝트 만들고

필요한 라이브러리들을 설치하고

기존에 코드짜놨던 src 폴더 public 폴더 index.js 파일 이런 것들을 새로운 프로젝트로 옮기도록 합시다 

[노재근]

저도 이리저리 안되서 계속 찿아보다가 이거 보고 해결했습니다. 명령어 한번 다 따라쳐보시길.

프로젝트 새로 만들지 않았고 node-modules이랑 설정파일 몇개만 삭제하고 다시 npm install, yarn install 같은거만 하고 한거라 아마 되실듯.

https://stackoverflow.com/questions/67161579/cannot-find-module-sass

[글쓴이]

글