Error on using exports in a React application - Uncaught ReferenceError: exports is not defined

Question

I am new to React.js and am facing this error. A file in my project is exporting a function as follows:

exports.building = {
    //... //Something goes here...
};

And I am importing it as follows:

const building from "./building";

I have come across the following links but am unable to find a reasonable fix:

• https://github.com/webpack/webpack/issues/3974
• https://github.com/webpack/webpack/issues/3917
• React uncaught reference error: exports is not defined

Answer 1

For export use:

export const building = {
  //Something goes here...
};

For import:

import { building } from "./building";

More about imports in ES6 here