create-реагировать-приложение — проверить магазин Redux в производственной сборке

Я использую create-react-app в качестве начального каркаса для приложения, над которым я работаю и которое существует в существующем приложении php/jQuery. Немного повозившись, я смог настроить связь между приложением, отличным от React, и приложением React, используя метод, описанный здесь.

В настоящее время я создаю build приложения React, а затем вставляю его в приложение, отличное от React, однако я нахожу устранение неполадок версии сборки приложения медленным и громоздким, потому что я не могу проверить магазин Redux через Chrome Redux плагин. Я предполагаю, что возможность проверки хранилища Redux из готовой сборки отключена как часть create-react-app? Я пытаюсь избежать извлечения приложения, если это возможно, поэтому мне интересно, есть ли способ проверить хранилище Redux для производственной сборки?


reactjs create-react-app javascript
person oldo.nicho    schedule 19.08.2017    source источник
comment
Вы вообще можете использовать Redux dev tools?   -  person Rowland    schedule 19.08.2017
comment
Нет, не из производственной сборки. Я просто получаю No store found. Make sure to follow the instructions.   -  person oldo.nicho    schedule 19.08.2017

Ответы (2)


arrow_upward
1
arrow_downward

Существует еще один простой способ проверить хранилище избыточности с помощью «Инструментов React Dev». Но я не уверен, сработает ли это для вашего сценария, поскольку вы используете React внутри приложения, отличного от React.

Просто откройте инструменты разработчика и выберите компонент Provider. Затем вы увидите знак == $r рядом с компонентом. В основном это говорит о том, что вы можете $r в консоли получить доступ к текущему экземпляру компонента Provider.

введите здесь описание изображения

Теперь вы можете перейти на вкладку «Консоль» и ввести следующую строку, чтобы увидеть свое текущее состояние.

> . $r.store.getState()

Вы можете использовать этот подход для проверки любого другого компонента React.

Надеюсь это поможет!

person Tharaka Wijebandara    schedule 19.08.2017
comment
Хорошо знать! Буду иметь это в виду, но я только что понял, где я ошибся. Будет представлен как ответ на мой собственный вопрос ... Спасибо за ваше понимание @Tharaka - person oldo.nicho; 19.08.2017

arrow_upward
1
arrow_downward

Только что понял, что это полностью моя вина - при настройке конфигурации для магазина Redux я указал:

if (process.env.NODE_ENV === 'development') {
  const devToolsExtension = window.devToolsExtension;

  if (typeof devToolsExtension === 'function') {
    enhancers.push(devToolsExtension());
  }
}

Я удалил условие для process.end.NODE_ENV === 'development' и теперь могу проверять хранилище Redux из производственной сборки.

Спасибо комментаторам предложений. Извините, что потратил ваше время!

person oldo.nicho    schedule 19.08.2017