본문 바로가기

Web/Front5

~모듈에 내보낸 멤버 ~이(가) 없습니다.ts(2305) No exported member 'css' in module 'styled-components ts(2305) '"styled-components"'모듈에 내보낸 멤버 'css'이(가) 없습니다.ts(2305) 먼저 @types/styled-components를 package.json에 있는지 확인해봤다. @types/styled-components 추가해주고 다시 확인해봤지만 에러는 그대로였다. styled-components를 제대로 불러오고 있는지 확인해봤다. 해당 라이브러리가 아니라styled-components.d.ts파일을 가리키고 있었다. 라이브러리 이름과 파일명이 일치하고 있다는 것을 깨달았다. 파일명을 styled.d.ts로 바꾸고, yarn 명령어 입력 후 다시 확인했다. yarn s.. 2023. 9. 16.
Typescript Can't be found in the cache and wil 버셀을 이용하여 서비스를 배포하던 중 다음과 같은 에러가 나타났다. error: Command failed with exit code 1.Error: Command "yarn install" exited with 1 로컬에서 해당 에러를 재현해 보기 위해 yarn install을 시도해 보았다.  모노레포에서 타입스크립트를 사용하던 중 충돌이 발생한 것 같다. yarn.lock 파일을 삭제하고, `yarn cache clean` 커맨드를 입력 후 다시 yarn install 해주었다. https://learn-dev.tistory.com/9 위 블로그를 통해 yarn 3.3.0 버전과 타입스크립트 4.9.4 이후 버전의 이슈가 있다는 것을 알게 됐다. 모든 워크스페이스의 타입스크립트 버전을 4.9.3 버.. 2023. 8. 28.
모노레포에서 ui 패키지를 사용하면서 발생한 이슈 해결 과정 모노레포인 레포지토리에 새로운 서비스를 추가하고, ui 패키지에서 컴포넌트를 불러오는데 다음과 같은 에러가 발생했다. 구글링 결과 타입스크립트의 interface를 해석하지 못하는 것으로 파악했다. 하지만 다른 서비스에서는 정상 작동하는데, 왜 새 서비스에서는 에러를 뿜는지 이해할 수 없었다. 디펜던시도 똑같이 맞춰보았지만 해결되지 않았다. 그리고 마지막으로 next.comfig.js 코드를 똑같이 맞춰보기로 했다. 시도해 본 것들 1. next 다운 그레이드 // 기존 next.config.js /** @type {import('next').NextConfig} */ const nextConfig = { swcMinify: true, compiler: { styledComponents: true, },.. 2023. 8. 15.
프로젝트 yarn berry 도입 https://www.jerrynim.dev/post/yarn-berry-typescript-cannot-find-module https://www.zigae.com/yarn2/ https://minify.tistory.com/40 https://medium.com/wantedjobs/yarn-berry-%EC%A0%81%EC%9A%A9%EA%B8%B0-2-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%A0%81%EC%9A%A9%EA%B8%B0-45f1ba67c24c https://medium.com/wantedjobs/yarn-berry-%EC%A0%81%EC%9A%A9%EA%B8%B0-1-e4347be5987 https://helloinyong.tistory.com/341 .. 2022. 10. 29.
비주얼 스튜디오 코드에서 code 명령을 매번 설치해줘야 하는 경우 해당 게시물은 MAC OS를 기준으로 작성되었습니다. 터미널에서 code . 명령어를 이용하여 해당 디렉토리에 비주얼 스튜디오 코드를 띄우는 방법은 다음과 같다. 그런데 이 기능이 처음에는 잘 작동하다가 재부팅만 하면 명령어가 먹지 않았다. 그럴 때 마다 명령 팔레트에 들어가서 해당 명령을 다시 설치해주었는데 이 과정이 은근 귀찮았다. 한 동안 인터넷을 열심히 뒤져 여러 방법을 시도해보았었는데 별 효과는 없었다. 그러다가 어느 날 스택오버플로우에서 처음 보는 방법을 발견했는데 다음과 같다. 확인해보니 나의 비주얼 스튜디오 코드는 응용 프로그램 폴더에 있지 않았다. 맨 처음 다운로드 했을 때 그대로 다운로드 폴더에 있었는데, 나는 이 것을 그대로 dock바에 올려두고 사용하고 있었다. Visual Stud.. 2022. 4. 29.