Ошибка RX JS в epicMiddleware.run (rootEpi c) из 'наблюдаемой редукции'

Question

Не может решить эту проблему, система ожидает ',' вместо '.' в строке import { epicMiddleware.run(rootEpic) } from 'redux-observable'; Однако я написал в соответствии с официальной документацией.

Это мой код:

import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App'

import { createStore, applyMiddleware } from 'redux';
import { epicMiddleware.run(rootEpic) } from 'redux-observable';
import { Provider } from 'react-redux';
import rootReducer from './reducers/root';
import { rootEpic } from './epics';


const epicMiddleware = epicMiddleware.run(rootEpic);

const store = createStore(rootReducer, applyMiddleware(epicMiddleware));

const appWithProvider = (
    <Provider store={store}>
        <App />
    </Provider>
);


ReactDOM.render(appWithProvider, document.getElementById('root'))

Это сообщение об ошибке:

./src/index.js
  Line 7:24:  Parsing error: Unexpected token, expected ","

   5 | 
   6 | import { createStore, applyMiddleware } from 'redux';
>  7 | import { epicMiddleware.run(rootEpic) } from 'redux-observable';
     |                        ^
   8 | import { Provider } from 'react-redux';
   9 | import rootReducer from './reducers/root';
  10 | import { rootEpic } from './epics';

Answer 1

Ваше утверждение импорта неверно, вы должны импортировать, как показано ниже

import { createEpicMiddleware } from 'redux-observable';
import { rootEpic } from './epics';

и использовать его следующим образом

const epicMiddleware = createEpicMiddleware();
epicMiddleware.run(rootEpic);