javascript - 尝试导入错误：“PRODUCT_LIST_FAIL”未从“../constants/productConstants.Js”导出

Question

我不知道我在这里做错了什么。我正在为这些东西学习 Udemy 课程，并且我已经四次检查了我的代码，它对我来说看起来完全一样。有人可以帮忙吗？

这是我的 productReducers.js 代码：

import {PRODUCT_LIST_REQUEST, PRODUCT_LIST_SUCCESS, PRODUCT_LIST_FAIL} from '../constants/productConstants.Js';

export const productListReducer = (state = {products:[]}, action) => {
    switch (action.type){
        case PRODUCT_LIST_REQUEST:
            return {loading:true, product:[]}

        case PRODUCT_LIST_SUCCESS:
            return {loading:false, products:action.payload}   
            
        case PRODUCT_LIST_FAIL:
            return { loading: false, error: action.payload }

        default:
            return state
    }
}

然后我的 productConstants.js 是这样的：

export const PRODUCT_LIST_REQUEST = "PRODUCT_LIST_REQUEST"
export const PRODUCT_LIST_SUCCESS = "PRODUCT_LIST_SUCCESS"
export const PRODUCT_LIST_FAIL = "PRODUCT_LIST_FAIL"

标签： javascriptreactjsredux

Answer 1

不要像我一样傻。我使用大写“J”（productConstants.Js）扩展了 productConstants.js 文件，这导致了整个问题。