Build failed to compile – Attempted import error

My attempt to build for production fails every time because of this error:

Attempted import error: ‘decrypt’ is not exported from ‘../../../../util/security’ (imported as ‘decrypt’).

This error only appears when I try to build for production (npm run build).

Here is the way I import my modules:

import {encrypt2, decrypt} from "../../../../util/security";

And how I export it :

module.exports = {

    decrypt: function(encrypted_route) {
        encrypted_route = atob(encrypted_route);
        let [initialVector, salt, aes_route] = encrypted_route.split("::");
        let key = generateKey(salt);

        let cipherParams = CryptoJS.lib.CipherParams.create({
            ciphertext: CryptoJS.enc.Base64.parse(aes_route)
        });

        let unencrypted = CryptoJS.AES.decrypt(
            cipherParams,
            key,
            {iv: CryptoJS.enc.Hex.parse(initialVector)}
        );
        return unencrypted.toString(CryptoJS.enc.Utf8);
    },

};

(The module decrypts my encrypted route)

I checked and the file is in the right place, moreover, in development mode it works as intended.

Answer

The solution here is to replace Node.js style exports (module.exports = ) with ES6 exports (export ... or export default ... depending on how you want to import it).

The reason is that import/export styles have to be compatible and while there are scenarios where this could work, mixing the two styles in a React app is not the best idea.