[Error] 'node-sass' version 5.0.0 is incompatible with ^4.0.0

vue 프로젝트 생성 후 node-sass 와 sass-loader를 설치한 후 run 했더니 에러가 떴다

검색 해봤더니 node 버전과 node-sass 버전이 맞지 않아서 뜨는 에러라고...

그래서 노드 버전을 확인한 후 맞는 버전의 'node-sass'를 설치했다.

https://www.npmjs.com/package/node-sass

node-sass

스크롤 내려가보면 표로 작성된 간단한 가이드를 확인할 수 있다.

예를 들어 나의 노드 버전이 14일 경우, node-sass 버전을 4.14.1 버전으로 설치해주고 검색하다 얻어걸린 sass-loader 버전 7.3.1을 설치해주면 에러 해결~~ 인줄 알았더니 또다른 에러가 발생했다.

web.config.js 에 아래와 같이 설정 해주면 해결~~!!은 됐는데 아직 node-sass 버전에 맞는 sass-loader 버전을 찾는 방법을 모르겠다... 🥲

module.exports = {
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/i,
        use: [
          "style-loader",
          "css-loader",
          {
            loader: "sass-loader",
            options: {
              sassOptions: {
                indentWidth: 4,
                includePaths: ["absolute/path/a", "absolute/path/b"],
              },
            },
          },
        ],
      },
    ],
  },
};

https://www.npmjs.com/package/sass-loader