C/C++ debug|x86 : CMake Error: The following variables are used in this project, but they are set to NOTFOUND. Please set them or make sure they are set and tested correctly in the CMake files: REACT_NATIVE_JNI_LIB linked by target "cpp" in directory /android REACT_NATIVE_UTILS_LIB

Hello. I'm building a JSI module, I opted to use @mrousavy's template as a base, but I'm also using code from this repo to export Java methods. I need to use Boost libraries in my module, but I can't figure out how to link against it. I figured out how to include Boost headers based on react-native-vision-camera's CMakeLists.txt, but I can't figure out where Boost binaries are stored and it breaks at the linking step.

Could you help me out here? Boost libraries are very useful for C++ development, so I think this could be useful for a lot of people going forward.

Trying to build the example app for android, I get the above build failure. A link is mentioned https://developer.android.com/studio/preview/features#automatic_packaging_of_prebuilt_dependencies_used_by_cmake but actually see here https://developer.android.com/studio/releases/gradle-plugin#cmake-imported-targets - none of this appears to be relevant tho.

Note that there is a weird quirk I have not been able to figure out. While building the example on Android I kept running into issues with REACT_NATIVE_JNI_LIB in android/CMakeLists.txt not being found. Simply logging the LIBRN_DIR variable with message() seems to fix the issue. Also, this happens only during the first build. So even if the message() is removed after the first successful build, it will keep working. For now, I just left it there.

Closes #11

Hi,

I was just wondering if there was a specific reason why you chose to import the package in the example like this:

https://github.com/ammarahm-ed/react-native-jsi-template/blob/1a923388bcbf0e9672c2f97dc133904dd1fda861/example/package.json#L15

Instead of keeping it how it's originally set up by npx create-react-native-library. Meaning it's imported in the Podfile for iOS and in settings.gradle, build.gradle, and MainApplication.java on Android.

From my understanding, imports via package.json (the way you have it now) will create a copy of the template inside node_modules which means that changes made to the template will not be reflected unless it is reinstalled with npm or yarn.

I understand that the import in package.json looks much cleaner, but it significantly slows down the workflow so for development purposes wouldn't it make sense to keep the setup by npx create-react-native-library? Unless there is some obvious reason that I am missing.

This code:

jsiRuntime.global().setProperty(jsiRuntime, "helloWorld", move(helloWorld));

Gives us:

global.helloWorld();

What if I want to have it scoped to not fill the global?

Eg.

global.MyModule.helloWorld();

Or I should just do:

global.MyModule = { helloWorld: global.helloWorld };

Which I think defeats the purpose since it is still defined in global.

Something like:

global.ExpoModules.ExpoRandom.getRandomBase64String

from Expo.

https://github.com/LinusU/react-native-get-random-values/blob/master/index.js#L34

I'm not sure how they did it, the repo is not yet updated or I am looking at the wrong code.

https://github.com/expo/expo/tree/sdk-45/packages/expo-random

Any ideas?

I am getting this error when calling function 'simpleJsiModule.getDeviceName()'

JNI DETECTED ERROR IN APPLICATION: JNI CallObjectMethodV called with pending exception java.lang.NoSuchMethodError: no non-static method "Ljava/lang/Class;.getModel()Ljava/lang/String;"

react-native-info System: OS: macOS 12.1 CPU: (8) x64 Apple M1 Memory: 26.81 MB / 8.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 14.17.0 - ~/.nvm/versions/node/v14.17.0/bin/node Yarn: 1.22.17 - /opt/homebrew/bin/yarn npm: 6.14.13 - ~/.nvm/versions/node/v14.17.0/bin/npm Watchman: 2022.01.31.00 - /opt/homebrew/bin/watchman Managers: CocoaPods: 1.11.2 - /opt/homebrew/bin/pod SDKs: iOS SDK: Platforms: DriverKit 21.2, iOS 15.2, macOS 12.1, tvOS 15.2, watchOS 8.3 Android SDK: API Levels: 28, 29, 30, 31 Build Tools: 28.0.3, 29.0.2, 29.0.3, 30.0.2, 31.0.0 System Images: android-29 | Google Play ARM 64 v8a, android-31 | Google APIs ARM 64 v8a Android NDK: Not Found IDEs: Android Studio: 2020.3 AI-203.7717.56.2031.7678000 Xcode: 13.2.1/13C100 - /usr/bin/xcodebuild Languages: Java: 11.0.11 - /usr/bin/javac npmPackages: @react-native-community/cli: Not Found react: 17.0.2 => 17.0.2 react-native: 0.67.2 => 0.67.2 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

(Disclaimer: this is my first time trying to use c++ with react-native) Hi, i'm trying to setup my environment, so far i managed to make a successful ./gradlew bundleRelease. I'm using clion and I'm trying to load the CMakeLists so that i can get some intellisense / code completion. But I'm getting several errors. The first one i get without touching anything is:

CMake Error: The following variables are used in this project, but they are set to NOTFOUND.
Please set them or make sure they are set and tested correctly in the CMake files:
LOG_LIB
    linked by target "cpp" in directory /home/dominick/Projects/testing/android
REACT_NATIVE_JNI_LIB
    linked by target "cpp" in directory /home/dominick/Projects/testing/android

CMake Error at CMakeLists.txt:37 (add_library):
  Cannot find source file:

    ../../react-native/ReactCommon/jsi/jsi/jsi.cpp

  Tried extensions .c .C .c++ .cc .cpp .cxx .cu .mpp .m .M .mm .ixx .cppm .h
  .hh .h++ .hm .hpp .hxx .in .txx .f .F .for .f77 .f90 .f95 .f03 .hip .ispc
[Finished]

if i change the path to jsi to ../node-modules/react-native[...] i get:

CMake Error: The following variables are used in this project, but they are set to NOTFOUND.
Please set them or make sure they are set and tested correctly in the CMake files:
LOG_LIB
    linked by target "cpp" in directory /home/dominick/Projects/testing/android
REACT_NATIVE_JNI_LIB
    linked by target "cpp" in directory /home/dominick/Projects/testing/android

Any help would be greatly appreciated.

I create a new react-native procject

npx react-native init jsiDemo

and drag SimpleJsi.h SimpleJsi.mm example.h example.cpp into ios project. and modify app.js

React.useEffect(() => {
    setResult(global.helloWorld());
  }, []);

everything feels good.

but when I Debug with Chrome there is a error like this:

can you help me?

I fixed 2 errors that block building the android

Operator '!=' cannot be applied to 'com.facebook.react.bridge.JavaScriptContextHolder', 'int'
Cannot return a value from a method with void result type

I fixed 2 errors that block building the android

Operator '!=' cannot be applied to 'com.facebook.react.bridge.JavaScriptContextHolder', 'int'
Cannot return a value from a method with void result type

sometimes state does not update inside the callback any idea why it happens ?

   multiplyWithCallback(5,5,(z) =>{
     console.log(z) // callback works
      setAvg(z); // state 
   })

Thanks in advance.

Can you please help me with this one

after trying a days i finally came into this issue and cant go further

Exception in HostObject::get(propName:DemoJsiModule): java.lang.RuntimeException: Got unknown argument class: JavaScriptContextHolder

I created an jsi example from scratch followed your blog . But it failed at compile stage (android ) , I cannot figure out what's the missing step cause I followed the steps from blog strictly. Maybe something changed from rn0.67.1 to rn0.63.4 of this template project. I'd be graceful if you are able to provide an newer version example . thanks a lot 🙏.

For my use case I would like the JSI function call to be asynchronous. I would still like to use the JSI for returning data since there will be a lot of data returned and I don't want to pay serialization costs, however I don't want to block the JS thread. It would be great if there was an example included in this repo which explained how to return a JSI promise.

Hi Ammar!

Thanks for the great work you have done here!

While following your directions on your blog, I had an issue where the library pod was not automatically discovered when I created the new example project within the library directory. I figured out it was because this line was missing in example/ios/podfile:

pod 'react-native-jsi-template', :path => '../..'

I inserted it, ran pod install and everything is now discovered as it should. I don't know why it did not automatically add it, as it says in the blog it should. But you could maybe add this as a heads up for people that do not see their library show up in Xcode when they open their project. Just a suggestion, as it took a little bit of time for me to troubleshoot what was wrong :)

Greetings!

I'm using RN 0.63.4 (last version) I followed the getting started here https://blog.notesnook.com/getting-started-react-native-jsi/ and pretty new to the iOS world.

There's no build issue (from xcode 12.5 and from the command line react-native run-ios) when building the example app. But I get an execution error on the first call of the JSI setResult(global.helloWorld()) - global.helloWorld is undefinded I have add a log in the installLibrary method in the SimpleJsi.mm file but never see it.

Did I miss something in XCode, to make the react-native-simple-jsi library used in the example App (i see it in the library in development Pods) ?

After few retry at the begining of the tutorial, i'm still stuck with this error.

Any help would be appreciate ^^

Thanks in advance.