在“./pages.actionTypes”中找不到导出 'actionTypes'（导入为 'actionTypes'）

Question

我正在构建一个使用 Redux-Thunks 的 React 应用程序。我收到一条错误消息，无法弄清楚如何解决它。我是 Redux-Thunks 的新手，一直在使用 this 教程来设置 .我检查了我所有的依赖项和文件以确保我按照指示做了，但我仍然无法解决这个错误。

错误信息是：

pages.thunks.js

export 'default' (imported as 'actions') was not found in './pages.actions' (possible exports: pagesLoadError, pagesLoadStart, pagesLoadSuccess)

虽然 page.thunks.js 收到错误消息，但我认为问题出在 pages.actionTypes.js 和 pages.initialState.js

pages.actionTypes.js

export default  {    
   PAGES_LOAD_START: "PAGES_LOAD_START",
    PAGES_LOAD_SUCCESS: "PAGES_LOAD_SUCCESS",
    PAGES_LOAD_ERROR: "PAGES_LOAD_ERROR",
}

pages.initialState.js

export default {
    isLoading: false,
    pages: null,
    errorMessage: null,
};

pages.thunks.js

import PagesServices from '../../../services/pages.services.js';
import actions from './pages.actions';

export const loadPagesAsync = () => (dispatch) => {
    dispatch(actions.pagesLoadStart())

    PagesServices.getAllPages()
        .then(response => dispatch(actions.pagesLoadSuccess(response.data)))
        .catch(error => dispatch(actions.pagesLoadError(error.message)))
}

pages.actions.js

import actionTypes from './pages.actionTypes'

export const pagesLoadStart = () => ({
    type: actionTypes.PAGES_LOAD_START,
})

export const pagesLoadSuccess = pages => ({
    type: actionTypes.PAGES_LOAD_SUCCESS,
    payload: pages
})

export const pagesLoadError = errorMessage => ({
    type: actionTypes.PAGES_LOAD_ERROR,
    payload: errorMessage
})

Answer 1

您正在从 pages.actions.js 中导出 pagesLoadStart、pagesLoadSuccess 和 pagesLoadError，但您正试图从中导入 actions。那是行不通的 - pages.actions.js

没有导出任何操作对象

要修复，请将 pages.thunks.js 的第二行更改为：

import * as actions from './pages.actions';

您的其余代码应该可以正常工作，但您可能只想导入特定函数。

在“./pages.actionTypes”中找不到导出 'actionTypes'（导入为 'actionTypes'）

export 'actionTypes' (imported as 'actionTypes') was not found in './pages.actionTypes'

reactjs

redux

redux-thunk