создание-react-app с помощью pnpm


pnpm: Быстрый менеджер пакетов, экономящий дисковое пространство

Недавно я узнал о pnpm, и как разработчик react, я решил впервые попробовать create-react-app.


1. Установите pnpm.

npm install -g pnpm
Войдите в полноэкранный режим Выйти из полноэкранного режима

2. Создайте проект React с помощью create-react-app.

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. Запустите dev-сервер

pnpm start
Войдите в полноэкранный режим Выйдите из полноэкранного режима

В моем случае возникла другая ошибка.

Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>'.
Войти в полноэкранный режим Выйти из полноэкранного режима

Я не знаю точно, почему это произошло, хотя это могло быть решено установкой пакета типа.

pnpm add -D @types/testing-library__jest-dom
Войти в полноэкранный режим Выйдите из полноэкранного режима

Затем снова запустите dev-сервер!


Вот и все, надеюсь, это будет кому-то полезно.
Счастливого кодинга!

Оцените статью
devanswers.ru
Добавить комментарий