ES6 Imports are not working as described

[chwzr]

When import Base64 Module ES6 Style:

import Base64 from 'crypto-js/enc-base64';

I got following error:

The requested module '../node_modules/crypto-js/enc-base64.js' does not provide an export named 'default'

and if I'm using this syntax:

import { Base64 } from 'crypto-js/enc-base64';

It says:

The requested module '../node_modules/crypto-js/enc-base64.js' does not provide an export named 'Base64'

I've also tried import * as Base64 from 'crypto-js/enc-base64' but with no luck:

TypeError: Cannot read property 'CryptoJS' of undefined

What I am doing wrong?
I need the enc-utf8 and enc-base64 modules in my code.

btw: importing full Library is also not working, with similar errors :(

[ericlifs]

Same issues for me 👎

[dficonfont]

Same issues for me 👎

[AsLogd]

Same issues for me 👎

[MarceColl]

Same issues for me 👎

[AsLogd]

this worked for me
import {SHA256} from "crypto-js"

[pavel-gatilov-epam]

The approach described in #168 (comment) works, but imports the whole lib with all modules.

This way you can get it in parts:

import SHA256 from "crypto-js/sha256";
import HmacMD5 from "crypto-js/hmac-md5";
import CryptoJS from "crypto-js/core";
import Base64 from "crypto-js/enc-base64";
import Utf8 from "crypto-js/enc-utf8";
import AES from "crypto-js/aes";

Works fine for me with the following in package.json:

"crypto-js": "~3.1.9-1",
"webpack": "^4.5.0"

[frakay100]

I resolved this issue by importing the type definitions
@types/crypto-js

This will allow you to use for example:

import sha256 from 'crypto-js/sha256';
import hmacSHA512 from 'crypto-js/hmac-sha512';
import Base64 from 'crypto-js/enc-base64';

[AoDev]

It still imports the entire set of libraries for me.

import SHA256 from 'crypto-js/sha256'
import encBase64 from 'crypto-js/enc-base64'
import encUTF8 from 'crypto-js/enc-utf8'
import AES from 'crypto-js/aes'

Results in this, using webpack analyser:

I was expecting to see only the 4 lib above.

[pavel-gatilov-epam]

@AoDev , that's weird. I have this code:

import SHA256 from "crypto-js/sha256";
import HmacMD5 from "crypto-js/hmac-md5";
import CryptoJS from "crypto-js/core";
import Base64 from "crypto-js/enc-base64";
import Utf8 from "crypto-js/enc-utf8";
import AES from "crypto-js/aes";

and it gives

Package versions:

    "crypto-js": "~3.1.9-1",
    "webpack": "^4.5.0",
    "babel-core": "^6.26.3",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^23.6.0",
    "babel-loader": "^7.1.5",
    "babel-plugin-dynamic-import-node": "^2.1.0",
    "babel-plugin-syntax-dynamic-import": "^6.18.0",
    "babel-preset-env": "^1.7.0",

[AoDev]

Hard to tell, I'll look more into it, my deps versions:

"crypto-js": "3.1.9-1",
"@babel/core": "7.3.4",
"babel-core": "7.0.0-bridge.0",
"babel-loader": "8.0.5",
"@babel/plugin-syntax-dynamic-import": "7.2.0",
"@babel/preset-env": "7.3.4",
"webpack": "4.28.3",

[AoDev]

@pavel-gatilov-epam Ok, that was quick. I have found another npm module that requires the entire lib. Thanks for looking into it anyway.

[pavel-gatilov-epam]

@AoDev , good to hear. Probably you know this, but this tool really helped me several times figuring out why something is imported: http://webpack.github.io/analyse/

[yonssik]

I had same problem with crypto-js, after a little bit google found this https://www.npmjs.com/package/crypto-js , but it still didn't help me, because my code line was the same
"code line --> var SHA256 = require("crypto-js/sha256");" .After hours of disappointment, i tried this code line --> var CryptoJS = require("crypto-js"); and miracle this start working, i tried second time the first line code that I wrote before, and miracle it's worked too ... If some one have an answer for that shitty bug, comment please. I'm new in JavaScrypt and maybe I just do not understand things.

[psi-4ward]

Same here, import 'crypto-js/md5' adds about 680KiB to my bundle! (v 4.0.0)

Latest 3.3.0 adds 6KiB !

[lopezdp]

The approach described in #168 (comment) works, but imports the whole lib with all modules.

This way you can get it in parts:

import SHA256 from "crypto-js/sha256";
import HmacMD5 from "crypto-js/hmac-md5";
import CryptoJS from "crypto-js/core";
import Base64 from "crypto-js/enc-base64";
import Utf8 from "crypto-js/enc-utf8";
import AES from "crypto-js/aes";

Works fine for me with the following in package.json:

"crypto-js": "~3.1.9-1",
"webpack": "^4.5.0"

Just out of curiosity, any reason to consider the import CryptoJS from "crypto-js/x64-core"; libraries instead?