Got undefined is not an object (evaluating 'crypto.pbkdf2Sync.toString') when import to react-native

[dnson]

Got undefined is not an object (evaluating 'crypto.pbkdf2Sync.toString') when import to react-native

[calvinmetcalf]

how exactly are you importing this? are you doing

var crypto = require('browserify-crypto');

because last I checked react-native doesn't include this by default

[dnson]

@calvinmetcalf
I used the babel-plugin-rewrite-require to do that
sth like this:

[calvinmetcalf]

so it sounds like that's not working, right, you may want to trouble shoot with the plugin

[calvinmetcalf]

actually the issue you have is that it isn't grabbing the browser version of packages like it should and is instead grabbing the nodejs version which assumes there is already a crypto object available and just tries to augment it

[dnson]

@calvinmetcalf I think we need to improve this crypto.pbkdf2Sync.toString().indexOf('keylen, digest') === -1. Because sth like when you import to react-native, the code will be minified so it will throw error

[calvinmetcalf]

so the issue is that it shouldn't be loaded in the first place but whatever your config is isn't respecting the browser field in the package.json

[dnson]

I mean that 'keylen, digest' will be minified so it will be sth like a,b

[calvinmetcalf]

again, the fact that you are loading that file while not in node in the first place is a bug but it can't hurt to fail better in that case, see #71

[fryck]

The problem is, in react native app, index.js is use instead of browser version. I have no problem with another npm packages

[lnaalisv]

We have a typescript project and we use karma + phantomjs for our unit tests. However when trying to update typescript version our tests break because of this. Removing the if- check from the pdkf2-module makes tests work normally again.

[calvinmetcalf]

should be fixed and published