[turboRepo scss] Cannot find module './mybutton.module.scss' or its corresponding type declarations.ts(2307)

🕵️ 이슈

scss로 버튼 만들어보기 중..다음과 같은 ts 경고가 떴다.

 

문제는 ts와 tsx 확장자로 끝내야만 모듈로 인식해서 scss 확장자의 파일을 인식하지 못한 거였다.

 

📝 해결

1. tsconfig.ts 와 같은 최상단 경로에 typings 폴더를 만들어주자.

2. typings/ 폴더 내에 declarations.d.ts 파일을 만들어주고 다음의 코드 작성.

declare module "*.scss" {
  const content: Record<string, string>;
  export default content;
}

 

3. tsconfig.ts 에 typings 폴더 추가해주기

{
  "extends": "@repo/typescript-config/react-library.json",
  "compilerOptions": {
    "outDir": "dist"
  },
  "include": ["typings", "src"], // typings 추가
  "exclude": ["node_modules", "dist"]
}

 

📚 References

 

https://stackoverflow.com/questions/72701371/cannot-find-module-src-styles-scss

Cannot find module "@src/styles.scss"