sass설치중 오류

장운서·2020년 12월 3일
0

sass

목록 보기
1/1
post-thumbnail
{
  "name": "shop",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "bootstrap": "^4.5.3",
    "node-gyp": "^7.1.2",
    "node-sass": "4.14.4",
    "react": "^17.0.1",
    "react-bootstrap": "^1.4.0",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.1",
    "styled-components": "^5.2.1",
    "web-vitals": "^0.2.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
  "main": "index.js",
  "devDependencies": {},
  "author": "",
  "license": "ISC"
}

분명 sass는 잘 설치가 되어있는데....
버전도 4.14.4로 5.00.0이 아닌 하위 버전으로 잘 설치했구만...
리액트에선 계속 compile할수 없다고 오류를 띄운다

./src/Detail.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/Detail.scss)
Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (88)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1

....하아..이거때문에 몇시간을 버렷는지....

애플코딩을 듣다가 생긴 오류인데
아직 확인방법을 못찾아 게시판에 도움을 요청한 상태이다.

https://stackoverflow.com/QUESTIONS/64625050/ERROR-NODE-SASS-VERSION-5-0-0-IS-INCOMPATIBLE-WITH-4-0-0

위 url에서 확인한대로 수정했는데도 안되고있고
node-gyp도 설치하고
node init 으로 package.json확인해봐도 문제는 없는데....

npm install해서 보면 계속 -4048 오류를 내보내는 중이다.

차라리 어떻게 구현할까 고민하면서 시간 쓰는게 나은것 같다.
이렇게 시간 버리면....정말 답도없다....

가서 구글링을 좀 더 해봐야겠다.
나중에 방법 찾으면.... 다시 수정해야지

=============================================================================================

해당방법은....간단하게 LTS버전으로 설치 후 해결했다.
영어로 막 써져잇엇는데 애플코딩 강사님이

codingapple
찾아보니 npm rebuild node-sass 하거나

nodejs 지웠다가 LTS버전으로 재설치해보시면 될 것 같습니다.

https://stackoverflow.com/questions/37415134/error-node-sass-does-not-yet-support-your-current-environment-windows-64-bit-w

https://medium.com/@proustibat/how-to-fix-error-node-sass-does-not-yet-support-your-current-environment-os-x-64-bit-with-c1b3298e4af0

이렇게 글을 남겨주셨다.

어떻게 검색했는지는 모르겠지만...혹시 잊어버릴까봐 여기 이렇게 적어놓는다.

profile
방향성을 찾고싶은 프론트엔드개발자

2개의 댓글

comment-user-thumbnail
2021년 6월 26일

해결하셨나요? 이거 참고해보세요 https://github.com/JeffreyWay/laravel-mix/issues/2103

1개의 답글