[turbo, nextjs] alert에 빨간불 Cannot find name 'alert' 관련 설정법

알림창으로 자주쓰는 alert에 빨간불이 들어와서 당황했는데, turbo 로 multi repository 로 구성되어 모든 repo에서 사용될 공통 컴포넌트를 구성하던 중 이런 현상이 일어났다.

 

 

이럴경우 tsconfig.json 파일에 다음 설정을 추가하면 된다

내 경우 packages/ui 를 공통 ui로 잡고 작업하고 있는데, 거기서 발생한 표기라서, packages/ui/tsconfig.json 에다가 설정했다.

{
...
  "compilerOptions": {
    "lib": [
      "dom"
    ]
  }
}

 

 

compilerOptions 은 컴파일 대상 파일을 어떻게 변환할지를 설정하는 것인데, 위에서 설정한 lib는 컴파일 과정에 사용될 라이브러리 파일을 설정하는 것이다.

 

그러니 IDE에서 컴파일 에러를 낸 것도 이해가 된다.

 

아마 공통 ui에서 구현할 것은 오직 view만 잘 표현되도록 한정한 것이지 그 외 로직을 넣지 말라는 의미가 아니었을까 싶은데, 나중에 좀더 확인해봐야 할 거 같다.

 

어쨋든 위 설정 추가하면 된다.

 

 

끝.