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

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

Введение

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

Требования

Минимальные требования:

• CentOS 9 (чистая установка)
• 1 ГБ оперативной памяти
• 10 ГБ свободного места на диске
• Права суперпользователя
• Стабильное интернет-соединение

Установка

Основные шаги установки React

Подготовка

Перед установкой React необходимо подготовить систему:

1. Обновить пакеты:

1sudo dnf update -y

2. Установить EPEL-репозиторий:

1sudo dnf install epel-release -y

3. Проверить доступное место на диске:

df -h

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

1. Установите Node.js и npm:

1curl -fsSL https://rpm.nodesource.com/setup_20.x | sudo bash -
2sudo dnf install nodejs -y

2. Проверьте установку:

1node -v
2npm -v

3. Установите Create React App:

1sudo npm install -g create-react-app

4. Создайте тестовое приложение:

1create-react-app my-app
2cd my-app
3npm start

Настройка

Оптимизация production-сборки:

1. Создайте production-сборку:

1npm run build

2. Установите serve для раздачи статики:

1sudo npm install -g serve

3. Запустите приложение:

serve -s build -l 3000

Настройка firewall:

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

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

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

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

2. Порт 3000 занят

sudo lsof -i :3000
kill -9 <PID>

3. Ошибки зависимостей

1rm -rf node_modules/
2npm cache clean --force
3npm install

Заключение

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

• Nginx для reverse proxy
• PM2 для управления процессами
• Регулярное обновление зависимостей

Команды

Установка NodeSource repository

1curl -fsSL https://rpm.nodesource.com/setup_20.x | sudo bash -

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

1sudo dnf install nodejs -y

Создание нового React-приложения

create-react-app my-app

Открытие порта 3000 в firewall

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

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

serve -s build -l 3000

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

Ошибка: команда create-react-app не найдена

Переустановите create-react-app глобально: sudo npm install -g create-react-app

1sudo npm install -g create-react-app

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

Запустите приложение с указанием хоста: npm start -- --host 0.0.0.0

1npm start -- --host 0.0.0.0

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

Увеличьте лимит памяти Node.js: export NODE_OPTIONS=--max_old_space_size=4096

export NODE_OPTIONS=--max_old_space_size=4096