title: redux-saga, TypeError: (0 , _effects.takeLatest) is not a function?
body: <p>I'm beginning with <code>redux-saga</code>. I can't figure out what I do wrong.</p>
  
  <p><code>webpack</code> compile succeeded. My app can run, but chrome gives me this error.</p>
  
  <p>And dispatch action doesn't work.</p>
  
  <p><code>node v6.6.0</code></p>
  
  <p><code>saga/Beginning.js</code>:</p>
  
  <pre class="lang-js prettyprint-override"><code>import { call, put, takeEvery, takeLatest } from 'redux-saga/effects';
  
  //api service
  const api = 'http://it-ebooks-api.info/v1';
  
  const service = {};
  
  service.fetchBook = function(query) {
    const url = `${api}/search/${query}`;
    return fetch(url).then(res =&gt; res.json());
  };
  
  function* fetchBook(action) {
    try {
      const books = yield call(service.fetchBook, action.payload.query);
      yield put({ type: 'BOOK_FETCH_SUCCEEDED', books });
    } catch (e) {
      yield put({ type: 'BOOK_FETCH_FAILED', message: e.message });
    }
  }
  
  function* watchFetchBook() {
    yield takeEvery('BOOK_FETCH_REQUESTED', fetchBook);
  }
  
  function* watchFetchBook() {
    yield takeLatest('BOOK_FETCH_REQUESTED', fetchBook);
  }
  
  export default watchFetchBook;
  </code></pre>
  
  <p><code>saga/index.js</code></p>
  
  <pre class="lang-js prettyprint-override"><code>import { fork } from 'redux-saga/effects';
  
  import Beginning from './Beginning';
  
  export default function* root() {
    yield [fork(Beginning)];
  }
  </code></pre>