Установка и настройка React на linux centos 7

Подробное руководство по установке, настройке и оптимизации React для linux centos 7

Введение

React — популярная JavaScript-библиотека для создания пользовательских интерфейсов. В этом руководстве мы установим React на CentOS 7, настроим окружение для разработки и разберём типичные проблемы.

Требования

Перед началом убедитесь, что у вас есть:

• CentOS 7 (минимальная установка)
• Root-доступ или права sudo
• 1 ГБ оперативной памяти (рекомендуется 2+ ГБ)
• Стабильное интернет-соединение
• Установленный Node.js 14.x+ и npm

Установка

Подготовка

1. Обновите систему:

sudo yum update -y

2. Установите Node.js и npm через NodeSource:

1curl -sL https://rpm.nodesource.com/setup_14.x | sudo bash -
2sudo yum install -y nodejs

3. Проверьте версии:

1node -v
2npm -v

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

1. Установите Create React App глобально:

1sudo npm install -g create-react-app

2. Создайте новый проект:

create-react-app my-react-app
cd my-react-app

3. Запустите тестовый сервер:

1npm start

4. Проверьте доступность приложения по адресу: http://localhost:3000

Настройка

Настройка брандмауэра

1sudo firewall-cmd --permanent --add-port=3000/tcp
2sudo firewall-cmd --reload

Настройка Nginx как обратного прокси

1. Установите Nginx:

1sudo yum install -y nginx

2. Добавьте конфигурацию в /etc/nginx/conf.d/react.conf:

1server {
2    listen 80;
3    server_name your_domain;
4
5    location / {
6        proxy_pass http://localhost:3000;
7        proxy_http_version 1.1;
8        proxy_set_header Upgrade $http_upgrade;
9        proxy_set_header Connection 'upgrade';
10        proxy_set_header Host $host;
11        proxy_cache_bypass $http_upgrade;
12    }
13}

3. Проверьте конфигурацию и перезапустите Nginx:

1sudo nginx -t
2sudo systemctl restart nginx

Типичные ошибки и их решения

Ошибка: "Command not found: create-react-app"

Решение: Повторно установите пакет глобально:

1sudo npm install -g create-react-app

Ошибка EACCES при установке пакетов

Решение: Измените права на каталог npm:

1sudo chown -R $(whoami) ~/.npm

Приложение не открывается на порту 3000

Решение: Проверьте брандмауэр и выполните:

1sudo ss -tulpn | grep 3000

Заключение

Вы успешно установили React на CentOS 7 и настроили базовое окружение. Для продакшн-сборки используйте:

1npm run build

Регулярно обновляйте зависимости:

1npm update

Команды

Установка Node.js

1sudo yum install -y nodejs

Создание нового проекта React

create-react-app my-app && cd my-app

Запуск dev-сервера

1npm start

Настройка Nginx

1sudo systemctl enable --now nginx

Решение проблем

Устаревшая версия npm

Обновите npm: sudo npm install -g npm@latest

1sudo npm install -g npm@latest

Ошибки при сборке проекта

Удалите node_modules и выполните: npm cache clean --force npm install

1rm -rf node_modules && npm install