You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm trying to customize react-native-skia with some changes. I haven't worked with the repo before and made some assumptions that aren't working out.
I started by adding @shopify/react-native-skia as a dependency to my project and getting that to run. I'm able to render the HelloWorld overlapping circles.
Then I added a fork of @shopify/react-native-skia as a submodule in my project's packages directory. In my project I referenced it from the package.json as "@shopify/react-native-skia": "file:./packages/react-native-skia/package".
I quickly found that I could not build the skia binaries from the tip of main. I found #1740 and switched to that branch and am able to build the skia binaries.
But when I run my project now using this local fork, nothing renders. There's no error output in the bundler, but in the native console I see a handful of errors like this:
2023-08-06 12:11:54.021967-0700 rndesktop2[33155:2295065] [javascript] Invariant Violation: Failed to call into JavaScript module method RCTLog.logIfNoNativeHook(). Module has not been registered as callable. Bridgeless Mode: false. Registered callable JavaScript modules (n = 0): .
A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes
I also realized that when packaged for npm, the package.json is updated and the typescript is pre-built into the lib dir. I applied these changes locally but no avail.
My intuition says that something isn't initializing correctly - I'm pretty sure it's never loading my root component.
Questions are:
any idea what could be wrong on my end? What should I be checking?
is there a better workflow for what I'm trying to do? I just want to be able to make changes to react-native-skia and re-install it into my project's repo for testing.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I'm trying to customize
react-native-skia
with some changes. I haven't worked with the repo before and made some assumptions that aren't working out.I started by adding
@shopify/react-native-skia
as a dependency to my project and getting that to run. I'm able to render the HelloWorld overlapping circles.Then I added a fork of
@shopify/react-native-skia
as a submodule in my project'spackages
directory. In my project I referenced it from thepackage.json
as"@shopify/react-native-skia": "file:./packages/react-native-skia/package"
.I quickly found that I could not build the skia binaries from the tip of main. I found #1740 and switched to that branch and am able to build the skia binaries.
But when I run my project now using this local fork, nothing renders. There's no error output in the bundler, but in the native console I see a handful of errors like this:
I also realized that when packaged for npm, the package.json is updated and the typescript is pre-built into the lib dir. I applied these changes locally but no avail.
My intuition says that something isn't initializing correctly - I'm pretty sure it's never loading my root component.
Questions are:
any idea what could be wrong on my end? What should I be checking?
is there a better workflow for what I'm trying to do? I just want to be able to make changes to react-native-skia and re-install it into my project's repo for testing.
Beta Was this translation helpful? Give feedback.
All reactions