reactjs - redux-saga, TypeError : (0 , _effects.takeLatest) 不是一个函数？

Question

我从redux-saga开始。我不知道我做错了什么。

webpack 编译成功。我的应用程序可以运行，但 chrome 给我这个错误。

并且调度操作不起作用。

节点 v6.6.0

saga/Beginning.js:

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 => 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;

saga/index.js

import { fork } from 'redux-saga/effects';

import Beginning from './Beginning';

export default function* root() {
  yield [fork(Beginning)];
}

Answer 1

takeLatest 不属于 Redux Saga 效果 ( see reference )，您必须使用导入它

import { takeLatest } from 'redux-saga'

而不是

import {takeLatest} from 'redux-saga/effects';