Metro: i have local javascript library How do i config metro.config.js

[vtn-dev2016]

bundling failed: Error: Unable to resolve module apptify-lib/lib from react native project path: Module local/lib does not exist in the Haste module map or in these directories:

[veerjainATgmail]

need to configure projectRoot and watchFolders.

Try,
https://facebook.github.io/metro/docs/en/configuration
https://callstack.com/blog/adding-an-example-app-to-your-react-native-library/

[zmefz]

Given:

• local-lib-alias-name - name of the module at different location which you want to import from code (e.g. shared code at monorepository)
• ../relative/path/to/local/lib - relative path of mentioned module

Babel

Install plugin babel-plugin-module-resolver
npm i babel-plugin-module-resolver --save-dev

Add module-resolver plugin to babel config (babel.config.js in my case)

// babel.config.js
module.exports = {
  //...
  plugins: [
    ['module-resolver',
      {
        alias: {
          'local-lib-alias-name': '../relative/path/to/local/lib',
        },
      },
    ],
  ],
}

_Note:_ it will change your js module imports to right path

Metro

Edit metro config (metro.config.js in my case)

// metro.config.js
const path = require('path')

module.exports = {
  // ...
  watchFolders: [
    path.resolve(__dirname, '../relative/path/to/local/lib'),
  ],
  resolver: {
    extraNodeModules: new Proxy(
      {},
      {
        get: (target, name) => {
          if (target.hasOwnProperty(name)) {
            return target[name]
          }
          return path.join(process.cwd(), `node_modules/${name}`)
        },
      },
    ),
  },
}

_Note:_

• watchFolders addition will let your code import module from new locations and watch changes at this locations
• extraNodeModules redirects dependencies referenced from shared folders (new location/your library) to local node_modules

Links:

1. https://callstack.com/blog/adding-an-example-app-to-your-react-native-library/
   Notes: getProvidesModuleNodeModules did not work for me so I used solution from Link 2: added extraNodeModules.

2. https://github.com/facebook/react-native/issues/21310#issuecomment-540227031

[ajsmth]

@zmefz you are a life saver, thank you!

[MichaReiser]

It seams that the question was answered. Closing. Feel free to re-open if this isn't the case.