почему 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
→ Ссылка
- Если ранее был установлен React глобально, то нужно сначала удалить глобально, командой
npm uninstall -g create-react-app
, затем установить глобальноnpm install -g create-react-app
- Попробовать запустить проект,
npm start
. - Если получим ошибку
"Something is already running on port 3000"
, в папке проекта создадим файл .env, пропишем в немPORT=4000
- Запускаем проект
npm start
. Проект запуститься с другой ошибкой: Модуль WebVitals не найден. - Устанавливаем
npx install web-vitals
Автор решения: drujbanjo
→ Ссылка
Это может быть ошибкой сборщика react create-react-app
, исправить можно, создавая приложение react другим путем, например сборщиком vite.