Taro: 无法使用redux-saga

Created on 9 Jun 2018 · 7Comments · Source: NervJS/taro

taro-cli:v0.0.41

redux配置:
`
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk'
import createSagaMiddleware from 'redux-saga'
import rootReducer from '../reducers'
import rootSaga from '../sagas';

const sagaMiddleware = createSagaMiddleware()
let middlewares = [thunk,sagaMiddleware]

export default function configStore () {
const store = createStore(rootReducer, applyMiddleware(...middlewares));
// then run the saga
sagaMiddleware.run(rootSaga);
return store
}
`

运行报错:

在对应的dist/npm/redux-saga目录下，发现并没有相关的文件

Source

yz1311

Most helpful comment

集成过程:

1.app.js

//注意，该库的引用必须早于config-store的引用
import '@tarojs/async-await';
import {Provider,connect} from '@tarojs/redux';
import configStore from './store/config-store';

2./store/config-store.js

import { createStore, applyMiddleware } from 'redux';
import createSagaMiddleware from 'redux-saga/dist/redux-saga';
import rootReducer from '../reducers';
import rootSaga from '../sagas';

const sagaMiddleware = createSagaMiddleware();
let middlewares = [sagaMiddleware];

export default function configStore () {
const store = createStore(rootReducer, applyMiddleware(...middlewares));
// then run the saga
sagaMiddleware.run(rootSaga);
return store
}

3.需要引用effects的地方

import {effects} from 'redux-saga/dist/redux-saga';
const {all,fork} = effects;

yz1311 on 12 Jun 2018

👍16

All 7 comments

0.0.42 修复了 redux-saga 包抽离文件的问题，但是发现运行还是有问题，因为 redux-saga 里存在循环依赖，导致小程序解析错误，目前解决方案是 ~把 redux-saga 编译好的文件下载到本地进行使用~ 这样来使用 import createSagaMiddleware from 'redux-saga/dist/redux-saga'。

luckyadam on 9 Jun 2018