export default not working with react - bug or coders error?

Question

I have a component I am trying to simplify. I am removing some functions from the file to put into another folder to help make the code more readable.

this is an example of one of the functions I'm moving,

export default function generatemwapGraphData(items) {
    let total = {
      mwap: 0,
  ..  };
    let count = items.length;
  
    items.forEach((item) => {
      total["mwap"] += item["mwap"] / count;
     ...
    });
  
    let finalData = [];
  
    Object.keys(total).forEach((exp) => {
      finalData.push({
        expression: exp,
        Percentage: +(total[exp] * 100).toFixed(2),
      });
    });
  
    return finalData;
  }

Now when I take this function and try to import it like this,

import generateExpressionsGraphData from "components/dashboard/Mood/functions/generateExpressionsGraphData"

It returns an error of

Attempted import error: 'generateExpressionsGraphData' is not exported from 'components/dashboard/Mood/functions/generateExpressionsGraphData' (imported as 'generateExpressionsGraphData').

Surely this should be fine?

Thanks

This should've worked. You should check your file names and file path and see if they are correct. — Kiran
– Kiran, Commented Feb 16, 2021 at 6:20
please double check the component name and file generatemwapGraphData or generateExpressionsGraphData — prasanth
– prasanth, Commented Feb 16, 2021 at 6:21
Can you create a reproducible example in codepen or codesandbox ? — Kiran
– Kiran, Commented Feb 16, 2021 at 6:37

Ehsan · Accepted Answer · 2021-02-16 06:29:12Z

1

You haven't exported the function from that file. Note that if you use export default you have to import it like import something from file and when you use just export something you have to import it in curly braces like import {something} from file. Also check the file name that has to be imported identical.

answered Feb 16, 2021 at 6:29

Ehsan

19515 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

export default not working with react - bug or coders error?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related