반응형
리스트에서 스크롤시 렌더링되게 하는 컴포넌트를 구현하기위해서 react-virtualized를 설치했다.
vite프로젝트에서 react-virtualized 를 사용하니 다음과 같은 에러가 뜬다.
No matching export in "node_modules/react-virtualized/dist/es/WindowScroller/WindowScroller.js" for import "bpfrpt_proptype_WindowScroller”
node_modules/react-virtualized/dist/es/WindowScroller/utils/onScroll.js:74:9:
74 │ import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";
서치
esbuild를 사용해서 config를 설정하라는 등 (vite.config.js나 pakage.json을 수정하는 방법)
온갖 방법을 다써도 해결되지 않았다...
그중 react-virtualized를 고친 버전을 누군가 배포하고있어서 그걸 설치해보기로 했다.
해결방법
npm install https://github.com/samarai-project/react-virtualized-fixed.git 을 설치한다.
정상적으로 스크롤될때만 렌더링되는것을 확인할 수 있었다..
반응형
'Frontend > Libraries' 카테고리의 다른 글
| [Swiper] 스와이퍼 버벅대는 현상(js 중복) (0) | 2024.05.07 |
|---|---|
| [Redux] 리덕스 라이브러리 이해하기 (1) | 2023.12.28 |
| [swiperjs] 스와이퍼 슬라이드 갯수가 1개일때만 loop, autoplay 안하게 변경하기, 드래그 방지 (0) | 2023.07.26 |
| [popperjs] popperjs tooltip 여러개 생성하기(multiple tooltips forEach createPopper()) (0) | 2023.03.08 |
| [Swiper.js] 브라우저 가로사이즈 조절시 center안맞음 문제 recentering after viewport resize (0) | 2023.02.24 |
