почему react проект создается с ошибками?

При создании react проекта выдаются такие ошибки

Installing template dependencies using npm...
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: [email protected]
npm error Found: [email protected]
npm error node_modules/react
npm error   react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/[email protected]
npm error node_modules/@testing-library/react
npm error   @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) 
dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:\Users\User\AppData\Local\npm-cache\_logs\2024-12-17T11_05_11_631Z-eresolve-report.txt

И при импорте компонент, он также выдает ошибку о том, что не может найти файл. Раньше такого не было. Я обновил версию node и npm, но ничего не поменялось.


Ответы (3 шт):

Автор решения: Александр Короткин

Попробуй установить Yarn в консоли: npm install --global yarn Затем проект через yarn create react app

→ Ссылка
Автор решения: Navruz
  1. Если ранее был установлен React глобально, то нужно сначала удалить глобально, командой npm uninstall -g create-react-app, затем установить глобально npm install -g create-react-app
  2. Попробовать запустить проект, npm start.
  3. Если получим ошибку "Something is already running on port 3000", в папке проекта создадим файл .env, пропишем в нем PORT=4000
  4. Запускаем проект npm start. Проект запуститься с другой ошибкой: Модуль WebVitals не найден.
  5. Устанавливаем npx install web-vitals

Источник

→ Ссылка
Автор решения: drujbanjo

Это может быть ошибкой сборщика react create-react-app, исправить можно, создавая приложение react другим путем, например сборщиком vite.

→ Ссылка