title: Attempted import error: 'PRODUCT_LIST_FAIL' is not exported from '../constants/productConstants.Js'
body: <p>I've got no idea what I'm doing wrong here. I'm following a Udemy course for this stuff and I've quadruple checked my code and it looks the exact same to me. Can someone help out?</p>
  <p>Here is my productReducers.js code:</p>
  <pre><code>import {PRODUCT_LIST_REQUEST, PRODUCT_LIST_SUCCESS, PRODUCT_LIST_FAIL} from '../constants/productConstants.Js';
  
  export const productListReducer = (state = {products:[]}, action) =&gt; {
      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
      }
  }
  </code></pre>
  <p>and then my productConstants.js is like this:</p>
  <pre><code>export const PRODUCT_LIST_REQUEST = &quot;PRODUCT_LIST_REQUEST&quot;
  export const PRODUCT_LIST_SUCCESS = &quot;PRODUCT_LIST_SUCCESS&quot;
  export const PRODUCT_LIST_FAIL = &quot;PRODUCT_LIST_FAIL&quot;
  </code></pre>