title: import error from react project during build time
body: <p><a href="https://i.stack.imgur.com/QiRFq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QiRFq.png" alt=" " /></a></p>
  <p>I'm having import problems from 2 files of my react project. I've attached the screenshot of my localhost 3000:
  <strong>please help me fix the problem</strong>. I've supplied code of the 2 files.</p>
  <p>here is the index.js file code</p>
  <pre><code>export {
      addIngredient,
      removeIngredient,
      initIngredients
  } from './burgerBuilder';
  export {
      purchaseBurger, purchaseInit, fetchOrders
  } from './order';
  </code></pre>
  <p>here is the burgerBuilder.js code:</p>
  <pre><code>// only synchronous action creators for adding n removing ingredients
  import * as actionTypes from './actionTypes';
  import axios from '../../axios-orders';
  
  
  export const addIngredients =(name) =&gt;{
      return{
          type: actionTypes.ADD_INGREDIENT,
          ingredientName: name
      };
  }
  
  export const removeIngredients =(name) =&gt;{
      return{
          type: actionTypes.REMOVE_INGREDIENT,
          ingredientName: name
      };
  
  };
  
  export const setIngredients = (ingredients) =&gt; {
      return{
          type: actionTypes.SET_INGREDIENTS,
          ingredients:  ingredients
      };
  }
  
  export const fetchIngredientsFailed = () =&gt; {
      return{
         type: actionTypes.FETCH_INGREDIENTS_FAILED
      };
  }
  
  //init is shrt frm of initialization
  
  export const initIngredients = () =&gt; {
      
    //return an action here
    return dispatch =&gt; {
      axios.get('https://react-my-burger-b5132.firebaseio.com/ingredients.json')
      .then(response =&gt;{
         dispatch(setIngredients(response.data));
      })
      .catch(error =&gt;{
         dispatch (fetchIngredientsFailed());
      });   
    };
  };
  
  
       
  </code></pre>