./src/actions/productActions.js导入错误:PRODUCT_LIST_FAIL未导出如何解决
错误原因
你在productActions.js中错误地从../reducers/productReducers文件导入PRODUCT_LIST_FAIL、PRODUCT_LIST_REQUEST、PRODUCT_LIST_SUCCESS三个常量,但查看productReducers.js的代码可以发现,该文件仅导入了这三个常量用于reducer逻辑处理,最终只对外导出了productListReducer函数,没有导出任何常量,因此触发导入错误。
修复方法
- 修改
productActions.js的导入语句,将三个PRODUCT_LIST相关常量的导入源调整为存放常量的../constants/productConstants文件即可,修改后的导入代码如下:
import axios from "axios" // 所有action类型常量统一从constants目录下的文件导入 import { PRODUCT_DETAILS_FAIL, PRODUCT_DETAILS_REQUEST, PRODUCT_DETAILS_SUCCESS, PRODUCT_LIST_FAIL, PRODUCT_LIST_REQUEST, PRODUCT_LIST_SUCCESS } from "../constants/productConstants";
- 保存修改后重启本地开发服务,报错即可消失。
规范提示
Redux项目中通常会把所有action类型常量统一存放在constants目录下管理,reducer文件仅负责导出状态处理函数,不要从reducer文件导入常量。
内容的提问来源于stack exchange,提问作者Vairamuthu
相关产品推荐
相关产品推荐

