How to make react-native-windows as local package dependency?

[zmj520]

Hellow, everyone.
I want to extend the react-native-windows 0.68.15's Miscrosoft.ReactNative ability to handle rightMouseDown.So I tried below steps to make react-native-windows as a local package:

• 1、 I download 0.68.15 source code
• 2、copy /vnext to $ProjectDirect/local_modules/reac-native-windows-0.68.15 directory
• 3、 run yarn add ./local_modules/reac-native-windows-0.68.15
• 4、run react-native autolink-windows to make native components autolink.
• 5、run the windows project in debug mode.Everything seems fine but finally falied with the below message in red box:

 BUNDLE  ./index.js

error: Error: Unable to resolve module ./Libraries/Components/DatePicker/DatePickerIOS from C:\WorkSpace\ProjectName\node_modules\react-native\index.js: ./Libraries/Components/DatePicker/DatePickerIOS could not be found within the project or in these directories:
  node_modules\react-native\node_modules
  node_modules
  15 | import typeof ActivityIndicator from './Libraries/Components/ActivityIndicator/ActivityIndicator';
  16 | import typeof Button from './Libraries/Components/Button';
> 17 | import typeof DatePickerIOS from './Libraries/Components/DatePicker/DatePickerIOS';
     |                                   ^
  18 | import typeof DrawerLayoutAndroid from './Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
  19 | import typeof FlatList from './Libraries/Lists/FlatList';
  20 | import typeof Image from './Libraries/Image/Image';
  
    at ModuleResolver.resolveDependency (C:\WorkSpace\ProjectName\node_modules\@react-native-community\cli-plugin-metro\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:158:15)
    at DependencyGraph.resolveDependency (C:\WorkSpace\ProjectName\node_modules\@react-native-community\cli-plugin-metro\node_modules\metro\src\node-haste\DependencyGraph.js:231:43)
    at Object.resolve (C:\WorkSpace\ProjectName\node_modules\@react-native-community\cli-plugin-metro\node_modules\metro\src\lib\transformHelpers.js:129:24)
    at resolve (C:\WorkSpace\ProjectName\node_modules\@react-native-community\cli-plugin-metro\node_modules\metro\src\DeltaBundler\traverseDependencies.js:396:33)
    at C:\WorkSpace\ProjectName\node_modules\@react-native-community\cli-plugin-metro\node_modules\metro\src\DeltaBundler\traverseDependencies.js:412:26
    at Array.reduce (<anonymous>)
    at resolveDependencies (C:\WorkSpace\ProjectName\node_modules\@react-native-community\cli-plugin-metro\node_modules\metro\src\DeltaBundler\traverseDependencies.js:411:33)
    at processModule (C:\WorkSpace\ProjectName\node_modules\@react-native-community\cli-plugin-metro\node_modules\metro\src\DeltaBundler\traverseDependencies.js:140:31)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

• evn:

  • react-native: 0.68.0
  • react-native-windows: 0.68.15

• This confused me for days.Can you guys have any suggestions to make react-native-windows as a local package?

[jonthysell]

If you want to modify your own copy of the react-native-windows repo (i.e. that you cloned/downloaded) and would like to build an app that consumes that local copy, you'll need to update your app project to use yarn link. See https://github.com/microsoft/react-native-windows/wiki/Contributing-to-the-CLI#testing-changes-made-to-our-other-packages-using---usedevmode

Don't forget that as you modify the TS files in your RNW clone, you'll need to use yarn build to build the JS for your app to consume.