React-Redux флаг __DEV__ и отладка

198
09 мая 2018, 03:46

Изучаю React-Redux по статьям. Не понимаю, как запустить приложение в режиме отладки.

В статье есть такая фраза: "Когда мы запустим наше приложение с DEBUG=true npm start, это включит DEV флаг, который мы можем использовать в нашем приложении" и далее приводится код:

/* src/utils/devTools.js */
import React from 'react';
import { createStore as initialCreateStore, compose } from 'redux';
export let createStore = initialCreateStore;
if (__DEV__) {
  createStore = compose(
    require('redux-devtools').devTools(),
    require('redux-devtools').persistState(
      window.location.href.match(/[?&]debug_session=([^&]+)\b/)
    ),
    createStore
  );
}
export function renderDevTools(store) {
  if (__DEV__) {
    let {DevTools, DebugPanel, LogMonitor} = require('redux-devtools/lib/react');
    return (
      <DebugPanel top right bottom>
        <DevTools store={store} monitor={LogMonitor} />
      </DebugPanel>
    );
  }
  return null;
}

При попытке запустить приложение я получаю ошибку: DEV undefined. Как сделать так, чтобы все работало?

Line 6:   '__DEV__' is not defined  no-undef
  Line 17:  '__DEV__' is not defined  no-undef

Если в коде явно задать var DEV = true и запустить npm start, то я получаю ошибку: Module not found: Can't resolve 'react-redux' in '/home/user/GitHub/friendlist-redux/src/containers'

А с этим что делать?

READ ALSO
Метка в яндекс картах не должна пропадать при клике [требует правки]

Метка в яндекс картах не должна пропадать при клике [требует правки]

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

190
HTML5 Canvas. Как нарисовать линию тоньше?

HTML5 Canvas. Как нарисовать линию тоньше?

На данный момент изучаю библиотеку Konvajs и Vue-konva

204
Графики html5 js canvas

Графики html5 js canvas

нужна помощь, использую chartjs для построения диаграмм, все ничего, НО требуется очень большой объем данных в виде 500000 точек, с чем не справляется...

152
Configuration error при запуске Jest

Configuration error при запуске Jest

Моя эпопея с Jest продолжается, нужен совет знающегоВ чем суть - вся js часть проекта имеет следующий путь относительно package

217