Додаток React застряг на "Запуск сервера розробки"

У мене є додаток для реагування, створене програмою create-react-app. Після запуску npm start (скрипт запуску присутній у package.json як "start": "start-scripts start") на консолі написано Запуск сервера розробки як звичайно та запуску браузера. Але після цього і консоль, і браузер не роблять абсолютно нічого нескінченно. Відсутня помилка чи вихід. Він просто нічого не робить.

Позначте цю бальну точку

1. Запустіть команду npm install перед запуском сервера.

Тоді також він не працює, будь ласка, спробуйте другу команду

2. Вийміть модулі вузлів і запустіть npm встановити ще раз.

Якщо ці два пункти не спрацювали, надайте скріншот для подальшого аналізу.

Нарешті вирішив це. Для мене проблема лежала в моїй конфігурації webpack. У мене був псевдонім webpack, ім'я якого псевдоніму було таким же, як і назва мого пакету npm.

тобто у мене package.jsonбуло наступне зверху.

"name": "@mycompany/react-common-components"

Всередині мого webpack.config.jsя мав

alias: {
        '@mycompany/react-common-components': path.resolve(__dirname, '../src/components')
      },

Одного разу я змінив псевдонім веб-пакета на наступне, все працювало чудово

alias: {
        'react-common-components': path.resolve(__dirname, '../src/components')
      },

У мене щось подібне відбувається.

У мене є проект реагування, який я хочу перетворити на Typescript, і я почав, як ви зазначили, із "create-react-app", додав усі мої файли і сподівався на найкраще - але застряг, як ви, на "Запуск сервера розробки " повідомлення.

У мене 8 Гб оперативної пам’яті з Windows 10, і як тільки я вперше застосував «npm start» за замовчуванням, я побачив, що процес вузла використовує багато пам’яті - тому я намагався дати йому більше, і в той же час я втомився змінити використання реакцій порту.

1. Додано це до початкового сценарію в package.json:

   "scripts": { "start": "PORT=3001 react-scripts --max_old_space_size=8128 start", ... }

2. Закрив усі мої хромовані браузери (вони займають досить багато пам’яті)

3. І дав йому пробігти близько 1 хвилини

Через 1 хвилину він почав працювати, і з цього моменту він просто починається швидко і не використовує стільки пам’яті і не залежить від обраного вами порту

У моєму випадку - я думаю, що при першому запуску "npm start" в проекті React Typescript він, ймовірно, індексує файли (або робить щось подібне - я не впевнений і, мабуть, потрібно прочитати про це - я новачок у typecript ), які займають багато пам’яті.

У вашому випадку - Це може бути щось подібне

Сподіваюся, це допомагає :)

Переконайтеся, що ваші залежності в package.json:

"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.3.0"

І сценарії:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
}

Переконавшись у цьому, ви можете виконати наступні кроки:

1. npm install
2. npm run build
3. npm start

Надія буде працювати для вас.

Я вважаю, що у вас можуть виникнути проблеми з Node та npm. Я рекомендую спочатку перевірити версії - вам потрібно буде мати на своєму комп'ютері Node> = 8.10 та npm> = 5.6 та оновити, якщо потрібно. Варто спробувати перевстановити вузол.

Перевірка журналів вузлів може дати підказки щодо вашої проблеми (більше інформації про вхід тут )

У мене теж було те саме питання. Спробуйте встановити попередню версію реакційних скриптів.

npm install react-scripts@2.1.8

Сподіваюся, це допомагає!

було те саме питання, я мусив спочатку побудувати його

npm build тоді npm start

Я працював на моєму Mac і повинен був дати дозвіл на взаємодію терміналу з хромом, перш ніж він працював.

Для мене питання було в тому, що я мав .css файли.

Я перейменував свої файли css в .scss і працює.

Чомусь для мене створюють-реагують додатки задихаються файли CSS.

Дивно.