Как проверить версию react
Перейти к содержимому

Как проверить версию react

  • автор:

create react app не работает

create-react-app — это инструмент командной строки, который позволяет создавать новые React-приложения с использованием предустановленной конфигурации. Если у вас возникли проблемы с запуском create-react-app , то, вероятно, есть несколько причин.

  1. Не установлен Node.js. Убедитесь, что на вашем компьютере установлен Node.js и npm. Вы можете проверить версию Node.js, запустив node -v , а версию npm — npm -v . Если вы не установили Node.js, то скачайте его с официального сайта nodejs.org и выполните установку.
  2. Не установлен create-react-app . Вы можете установить его, запустив команду npm install -g create-react-app . Это установит create-react-app глобально на вашем компьютере.
  3. Не удается создать проект. Если вы столкнулись с ошибкой при создании нового проекта с помощью create-react-app , попробуйте добавить флаг —verbose , чтобы получить дополнительную информацию об ошибке. Например, create-react-app my-app —verbose .
  4. Проблемы с доступом к файлам. Если у вас возникли проблемы с доступом к файлам при запуске create-react-app , убедитесь, что у вас есть права на запись в текущую директорию.

Если вы все еще сталкиваетесь с проблемами, попробуйте удалить create-react-app и повторно установить его, используя команду npm uninstall -g create-react-app и npm install -g create-react-app . Если ничего не помогает , попробуйте создать новый проект в другой директории и проверьте, работает ли он. Также стоит проверить, есть ли у вас последняя версия create-react-app . Вы можете проверять новые версии, выполнив npm view create-react-app version . Если версия устарела, обновите ее, используя npm install -g create-react-app@latest .

Как проверить, установлен ли React js?

Если в проекте используется npm, то можно посмотреть в файле package.json в поле dependencies. Если есть нужный пакет в этом списке, то, соответственно, установлен. Можно вручную ещё поискать в папке node_modules. Если есть соответствующая папка, всё так же значит что установлен.

Отслеживать
ответ дан 30 мар 2021 в 15:13
user348432 user348432

  • javascript
  • reactjs
    Важное на Мете
Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Дизайн сайта / логотип © 2024 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2024.1.3.2953

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Полезные команды для работы с Node.js

Перед тем как рассматривать полезные команды при работе с Node.js, её необходимо установить.

Команды помогают узнать версию Node.js,

node -h — показывает список всех доступных команд Node.js.

node -v , node —version — показывает установленную версию Node.js.

npm -h — показывает список всех доступных команд пакетного менеджера npm .

На скриншоте часть команд, доступных вместе с npm

npm -v , npm —version — показывает установленную версию npm .

Обе команды дают одинаковый результат

Команда npm update npm -g позволяет обновить версию npm .

npm list —depth=0 показывает список установленных пакетов.

Список установленных пакетов может быть довольно длинным, особенно, если вы давно пишете код.

Команда npm outdated —depth=0 покажет список установленных пакетов, которые требуют обновления. Если все пакеты обновлены, список будет пустым.

npm install package — позволяет установить любой пакет по его имени. Если при этом к команде добавить префикс -g пакет будет установлен глобально на весь компьютер.

Процесс установки gulp

Команда npm i package является укороченной альтернативой предыдущей команды.

Если вы хотите установить конкретную версию пакета, воспользуйтесь префиксом @ с номером версии. Например, npm install package@1.0.1 .

npm uninstall package — удаляет установленный пакет по имени.

Команда npm list package — покажет версию установленного пакета, а команда npm view package version — последнюю версию пакета, которая существует.

Для работы с пакетным менеджером также пригодится файл package.json , который должен лежать в директории, с которой происходит работа в консоли.

Файл package.json

Он содержит различные мета-данные, например, имя проекта, версия, описания и автор. Также он содержит список зависимостей, которые будут установлены, если вызвать из этой папки команду npm install .

Кроме этого он ещё имеет скрипты, которые вызывают другие команды консоли. Например, для этого файла вызов команды npm start вызовет запуск задачи Grunt с именем dev . А команда npm run build вызовет скрипт build , который запустит задачу в Grunt с именем build .

Во время работы часто возникает необходимость установить некоторые пакеты. Если установить пакет с префиксом —save , то он автоматически запишется в package.json в раздел dependencies . Такая же команда с префиксом —save-dev запишет пакет в раздел devDependencies .

nvm (илиNode Version Manager) — утилита, которая позволяет быстро менять версии Node.js.

Чтобы её установить, достаточно запустить скрипт

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash 

Теперь можно установить последнюю версию Node.js, например, 5.0 с помощью команды nvm install 5.0 . Чтобы начать использовать её, введите команду nvm use 5.0 . Таким образом, можно быстро переключаться между версиями, например, для тестирования.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Версии React

Полная история версий React доступна на GitHub.
Документация к последним версиям может быть также найдена ниже.

Примечание

Данная документация предназначениа для React 18. Документация для React 17 находится по адресу https://17.reactjs.org.

18.2.0

18.1.0

18.0.0

17.0.2

17.0.1

17.0.0

16.14.0

16.13.1

16.13.0

16.12.0

16.11

16.10.2

16.10.1

16.10

16.9

16.8

16.7

16.6

16.5

16.4

16.3

16.2

16.1

16.0

15.6

Документация
Сообщество
Дополнительно

Copyright © 2023 Meta Platforms, Inc.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *