Среда разработки React-JS загружается, но время ожидания браузера падает и происходит сбой

Question

Реакция 16.8.4;Узел v11.8.0;работа в среде NVM в Mac OS High Sierra 10.13 с установленным Xcode 9.4.1

С моим небольшим новым приложением React, которое смоделировано после CRA + Express (используется одновременно), дела шли относительно гладко.

Затем я столкнулся с некоторыми неприятными проблемами, связанными с node-sass, и мне пришлось ограничить версию моего узла до 11.8.0 с помощью инструмента nvm.Я пережил еще несколько странных сбоев (----------------) и затем смог перезагрузить мое приложение на прошлой неделе.

Теперь, когда я запускаю yarn start, моя среда разработки загружается нормально (медленно):

Затем мой Chromeоткрывается на http://localhost:3000 (автоматически) и вращается в течение нескольких минут

Наконец, примерно через 6-7 минут Chrome вылетает с ошибкой памяти:

Я не могу придумать ничего в моем (очень маленьком, совершенно новом) приложении React, которое могло бы вызвать это, но я попытаюсь стратегически перестроить его и посмотреть,если я могу воссоздать эту аварию за пределами этого приложения.Я подозреваю, что это проблема разработки или среды, поскольку у меня нет проблем с развертыванием этого же приложения в Heroku.

Кто-нибудь видел что-то подобное при разработке на Mac?

Answer 1

ЭТО БЫЛО ВСЕ МНЕ. (Удовлетворение, что это исправлено, но также и предупреждение другим ...)

Примечание: я нахожусь в 6-ти месячном путешествии в React и совершил ошибку новичка.

Я добавил этот код с намерением выполнить некоторую «загрузку веб-шрифта» (не имеет значения)

class App extends Component {
  render() {
    return (
      <WebfontLoader config={config} onStatus={callback}>
        <App />
      </WebfontLoader>
    );
  }
}

Смотри БЛИЖЕ. Вы заметите, что я по ошибке поместил JSX для объекта <App /> в вызове render для самого класса App.

Полагаю, именно отсюда происходил сбой памяти, поскольку он образовывал некий бесконечный цикл.

Я четко определил, что виновником был объект <App /> в вызове render для самого класса App (полная ошибка, не имеющая цели - просто небрежно).

Тем не менее, я собираюсь порекомендовать основной команде React JS установить этот патч, потому что, когда это происходит с вами, довольно неприятно иметь дело с крахом вашего браузера.