Got create-hmac module can not resolve error

Followed the setting step. but when import shim.js. Got error.

This is index.ios.js


import React, { Component } from 'react';
import './shim.js'

import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';

export default class SnowflakePersonlized extends Component {
  render() {

/*
      var bcrypt = require('js-base64');
      const encoded2=bcrypt.encode('a');
      console.log("encoded1"+encoded1);
*/

      return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
        </Text>
        <Text style={styles.instructions}>
        </Text>
        <Text style={styles.instructions}>
          Press Cmd+R to reload,{'\n'}
          Cmd+D or shake for dev menu
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

AppRegistry.registerComponent('SnowflakePersonlized', () => SnowflakePersonlized);

This is generated shim.js file:

if (typeof __dirname === 'undefined') global.__dirname = '/'
if (typeof __filename === 'undefined') global.__filename = ''
if (typeof process === 'undefined') {
  global.process = require('process')
} else {
  const bProcess = require('process')
  for (var p in bProcess) {
    if (!(p in process)) {
      process[p] = bProcess[p]
    }
  }
}

process.browser = false
if (typeof Buffer === 'undefined') global.Buffer = require('buffer').Buffer

// global.location = global.location || { port: 80 }
const isDev = typeof __DEV__ === 'boolean' && __DEV__
process.env['NODE_ENV'] = isDev ? 'development' : 'production'
if (typeof localStorage !== 'undefined') {
  localStorage.debug = isDev ? '*' : ''
}

if (require('./package.json').dependencies['react-native-crypto']) {
  const algos = require('browserify-sign/algos')
  if (!algos.sha256) {
    algos.sha256 = {
      "sign": "ecdsa",
      "hash": "sha256",
      "id": new Buffer("")
    }
  }

  if (typeof window === 'object') {
    const wCrypto = window.crypto = window.crypto || {}
    wCrypto.getRandomValues = wCrypto.getRandomValues || getRandomValues
  }

  const crypto = require('crypto')
  const randomBytes = crypto.randomBytes
  crypto.randomBytes = function (size, cb) {
    if (cb) return randomBytes.apply(crypto, arguments)

    const arr = new Buffer(size)
    getRandomValues(arr)
    return arr
  }

  crypto.getRandomValues = crypto.getRandomValues || getRandomValues

  function getRandomValues (arr) {
    // console.warn('WARNING: generating insecure psuedorandom number')
    for (var i = 0; i < arr.length; i++) {
      arr[i] = Math.random() * 256 | 0
    }

    return arr
  }
}

screen shot 2017-01-12 at 00 59 01

tradle / react-native-crypto

Got create-hmac module can not resolve error #12