typescript type 선언 에러

기존 레거시 코드에 typescript를 붙이는 작업을 하고 있다.
간단히 타입 선언하는 부분이었는데 컴파일 에러가 났다.

type ColumnDef = {
  field: string;
  headerName: string;
  checkboxSelection: boolean | null;
  headerCheckboxSelection: boolean | null;
}

해결방법 ⬇️

1. webpack 이 4.x.x. 버젼이면 ts-loader 로더 버젼이 8.x.x 여야 한다고 해서 “ts-loader”: “8.2.0”로 버젼 바꿈

   https://github.com/TypeStrong/ts-loader/issues/595

2. 그랬더니 ts 오류가 콘솔에 찍힘.

3. 따로 webpack에서 ts-loader 해줄 필요가 없고 babel-loader가 다 해줌. babel-loader preset에 “@babel/preset-typescript” 에 추가해줬더니 문제 해결~

4. ts-loader 는 삭제함