How to add local dependencies in react-native project

[Rajesh6381]

Hi, I'm developing React Native packages and I want to add local dependencies to my React Native project. I've tried several methods, but none of them have worked so far.

The only method that worked was packaging the packages using npm pack and then installing the packed packages in my project. However, this approach has the drawback that if I update the code in the local path, the changes are not reflected in the node_modules of the package.

I also tried using npm link, but this resulted in an error in my project indicating that the module could not be found.

Is there a way to resolve this in React Native so that local path changes are reflected in the node_modules of the package?

[chetanty]

Are you using npm install in the correct path? Try to use it in the local path and let me know if it works.

[Rajesh6381]

The installation is working fine and the library is added to the node_modules folder. However, I'm facing an issue with the import statement: "unable to resolve module Mylib from /Users/user-name/projects/myApp/src/Home.tsx: Mylib could not be found within the project or in these directories".
The import statement is
import viewComponents from 'Mylib'

[urmasa-tar]

1. Local React Native Components or Libraries
   { "dependencies": { "your-local-library": "file:../path-to-your-local-library" } }
2. Using Local Modules
   import MyComponent from './src/components/MyComponent';
3. Rebuild the Project
   You may reed about one of these methods

[Adityaadpandey]

Use npm link with Metro Config:

Link the package:

npm link /path/to/your-package

Update metro.config.js in your project to include the package:

module.exports = {
  watchFolders: ['/path/to/your-package'],
};

[anshkumar2311]

Yes. It worked for me.