pnpm으로 반응 앱 만들기

pnpm: Fast, disk space efficient package manager

최근에 pnpm 에 대해 알게 되었고, 리액트 개발자로서 create-react-app 를 처음 사용해보기로 했습니다.


1. 설치pnpm

npm install -g pnpm

2. create-react-app를 사용하여 React 프로젝트를 생성합니다.

pnpm create react-app pnpm-cra --template typescript

3. node_modules , package-lock.json 를 삭제합니다.

4. pnpm를 사용하여 패키지 설치

pnpm install

아래와 같은 오류가 발생했을 수 있습니다.

hint: If you want peer dependencies to be automatically installed, add "auto-install-peers=true" to an .npmrc file at the root of your project.
hint: If you don't want pnpm to fail on peer dependency issues, add "strict-peer-dependencies=false" to an .npmrc file at the root of your project.

힌트를 얻어봅시다.

파일.npmrc을 만들고 추가auto-install-peers=true한 다음 패키지node_modules를 제거하고 다시 설치합니다pnpm install.

5. 개발 서버 실행

pnpm start

제 경우에는 또 다른 오류가 있었습니다.

Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'.

그래도 왜 그런 일이 발생했는지 정확히 모르겠지만 유형 패키지를 설치하면 해결할 수 있습니다.

pnpm add -D @types/testing-library__jest-dom

그런 다음 dev 서버를 다시 실행하십시오!


그게 다야, 누군가에게 도움이 되길 바랍니다.
행복한 코딩!