Nx 모노레포에서 Emotion을 사용할 때의 union type that is too complex 문제

2025-02-03 06:28에 생성2025-02-03 06:29에 수정

TS2590: Expression produces a union type that is too complex to represent.

Nx를 사용한 모노레포에서 @nrwl/react:lib generator를 통해 라이브러리를 생성했는데, 갑자기 JSX를 사용하려고 하니 문제가 발생한다.

해결

생성된 라이브러리의 tsconfig.json 에서 jsxImportSource 항목을 제거하면 오류가 사라진다.

{
  "compilerOptions": {
    "jsx": "react-jsx",
    "allowJs": false,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true
  },
  "files": [],
  "include": [],
  "references": [
    {
      "path": "./tsconfig.lib.json"
    }
  ],
  "extends": "../../../../tsconfig.base.json"
}

안내

해당 글은 '도다 Aha!'에서 이전된 글입니다. 이전 글과 달라진 부분이 있을 수 있습니다.

태그

•

typescript

•

emotion

반응과 댓글 시스템은 Giscus에 의해 호스팅되며, 모든 대화는 GitHub에 저장됩니다.